{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-5",
  "type": "registry:component",
  "title": "Card 5",
  "description": "Card component",
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/components/cards/card-5.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, ...rest }: React.HTMLAttributes<HTMLDivElement>) => {\r\n\treturn (\r\n\t\t<div\r\n\t\t\t{...rest}\r\n\t\t\tclassName={cn(\r\n\t\t\t\t\"dark:border-zinc-200 border-zinc-700 size-6 absolute\",\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-0.5 -left-0.5 border-l-2 border-t-2 rounded-tl-lg \" />\r\n\t\t<Icon className=\"-top-0.5 -right-0.5 border-r-2 border-t-2 rounded-tr-lg\" />\r\n\t\t<Icon className=\"-bottom-0.5 -left-0.5 border-l-2 border-b-2 rounded-bl-lg\" />\r\n\t\t<Icon className=\"-bottom-0.5 -right-0.5 border-r-2 border-b-2 rounded-br-lg\" />\r\n\t</>\r\n)\r\n\r\nexport const Card_5 = () => {\r\n\treturn (\r\n\t\t<Card className=\"relative rounded-md bg-muted/20\">\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"
    }
  ]
}