{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feature-1",
  "description": "Minimal feature card with icon, title, and subtle grid background.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://magicui.design/r/grid-pattern.json"
  ],
  "files": [
    {
      "path": "registry/blocks/feature/1/feature-card.tsx",
      "content": "import type React from \"react\";\n\n// https://magicui.design/docs/components/grid-pattern\nimport { GridPattern } from \"@/components/ui/grid-pattern\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype FeatureType = {\n  title: string;\n  icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n  description: string;\n};\n\ntype FeatureCardPorps = React.ComponentProps<\"div\"> & {\n  feature: FeatureType;\n};\n\nexport function FeatureCard({\n  feature,\n  className,\n  ...props\n}: FeatureCardPorps) {\n  return (\n    <div className={cn(\"relative overflow-hidden p-6\", className)} {...props}>\n      <div className=\"-mt-2 -ml-20 pointer-events-none absolute top-0 left-1/2 size-full [mask-image:radial-gradient(farthest-side_at_top,white,transparent)]\">\n        <GridPattern\n          className=\"absolute inset-0 size-full stroke-foreground/20\"\n          height={40}\n          width={40}\n          x={5}\n        />\n      </div>\n      <feature.icon\n        aria-hidden\n        className=\"size-6 text-foreground/75\"\n        strokeWidth={1}\n      />\n      <h3 className=\"mt-10 text-sm md:text-base\">{feature.title}</h3>\n      <p className=\"relative z-20 mt-2 font-light text-muted-foreground text-xs\">\n        {feature.description}\n      </p>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "height": "80vh"
  },
  "categories": [
    "feature"
  ],
  "type": "registry:block"
}