{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-7",
  "type": "registry:component",
  "title": "Card 7",
  "description": "Card component",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/components/cards/card-7.tsx",
      "content": "import { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\r\nimport {cn} from \"@/lib/utils\";\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\nconst Icon = ({ className }: { className: string }) => {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={cn(\r\n\t\t\t\t\"absolute rounded-full border bg-card border-dashed\",\r\n\t\t\t\tclassName,\r\n\t\t\t)}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nconst Icons = () => (\r\n\t<>\r\n\t\t<Icon className=\"-top-1.5 -left-1.5 size-4\" />\r\n\t\t<Icon className=\"-top-2.5 -right-2.5 size-6\" />\r\n\t\t<Icon className=\"-bottom-2.5 -left-2.5 size-6\" />\r\n\t\t<Icon className=\"-bottom-1.5 -right-1.5 size-4\" />\r\n\t</>\r\n)\r\n\r\nexport const Card_7 = () => {\r\n\treturn (\r\n\t\t<Card className=\"relative rounded-sm shadow-none border-dashed\">\r\n            <Icons />\r\n\t\t\t<CardHeader>\r\n\t\t\t\t<CardTitle>{Placeholder.title}</CardTitle>\r\n\t\t\t</CardHeader>\r\n\t\t\t<CardContent>{Placeholder.content}</CardContent>\r\n\t\t</Card>\r\n\t);\r\n};\r\n\r\n",
      "type": "registry:component"
    }
  ]
}