{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-12",
  "type": "registry:component",
  "title": "Card 12",
  "description": "Card component",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/components/cards/card-12.tsx",
      "content": "import { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\r\n\r\nconst Placeholder = {\r\n\ttitle: <div className=\"bg-secondary h-8 max-w-40 w-full rounded-md\" />,\r\n\tcontent: <div className=\"bg-secondary h-20 w-full rounded-md\" />,\r\n};\r\n\r\nexport const Card_12 = () => {\r\n\treturn (\r\n\t\t<div className=\"relative overflow-hidden rounded-xl\">\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"absolute inset-0 -z-1 rounded-lg opacity-50\"\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\tbackgroundImage: `\r\n        linear-gradient(45deg, transparent 49%, var(--border) 49%, var(--border) 51%, transparent 51%),\r\n        linear-gradient(-45deg, transparent 49%, var(--border) 49%, var(--border) 51%, transparent 51%)\r\n      `,\r\n\t\t\t\t\tbackgroundSize: \"22px 22px\",\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t\t<Card className=\"z-10 isolate bg-transparent border-border\">\r\n\t\t\t\t<CardHeader>\r\n\t\t\t\t\t<CardTitle>{Placeholder.title}</CardTitle>\r\n\t\t\t\t</CardHeader>\r\n\t\t\t\t<CardContent>{Placeholder.content}</CardContent>\r\n\t\t\t</Card>\r\n\t\t</div>\r\n\t);\r\n};\r\n",
      "type": "registry:component"
    }
  ]
}