{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "user-info-card",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "dependencies": [
    "@iconify/react"
  ],
  "registryDependencies": [
    "card",
    "avatar",
    "badge",
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/UserInfoCardCode.tsx",
      "content": "\"use client\";\r\nimport { Card } from \"@/components/ui/card\";\r\nimport { Avatar, AvatarImage, AvatarFallback } from \"@/components/ui/avatar\";\r\nimport { Badge } from \"@/components/ui/badge\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { Icon } from \"@iconify/react\";\r\n\r\nconst UserInfoCards = () => {\r\n    return (\r\n        <Card className=\"p-0 flex flex-col items-center text-center\">\r\n            <div className=\"p-6 flex flex-col items-center text-center\">\r\n                <Avatar className=\"h-28 w-28\">\r\n                    <AvatarImage src=\"/images/profile/user-1.jpg\" alt=\"Mathew Anderson\" />\r\n                    <AvatarFallback>MA</AvatarFallback>\r\n                </Avatar>\r\n\r\n                <h3 className=\"mt-4 font-semibold text-lg\">Mathew Anderson</h3>\r\n                <p className=\"text-sm text-muted-foreground\">\r\n                    danielkristeen@gmail.com\r\n                </p>\r\n\r\n                <div className=\"flex flex-wrap gap-2 mt-4\">\r\n                    <Badge variant=\"lightPrimary\" className=\"border-0\">Dashboard</Badge>\r\n                    <Badge variant=\"lightPrimary\" className=\"border-0\">UI</Badge>\r\n                    <Badge variant=\"lightPrimary\" className=\"border-0\">UX</Badge>\r\n                    <Badge className=\"bg-blue-500 text-white hover:bg-blue-600\">+3</Badge>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"w-full border-t\" />\r\n\r\n            <div className=\"p-6 grid grid-cols-2 gap-4 w-full justify-around\">\r\n                <Button variant=\"lightprimary\" className=\"flex items-center gap-2\">\r\n                    <Icon icon=\"solar:chat-dots-linear\" className=\"h-5 w-5\" />\r\n                    Message\r\n                </Button>\r\n                <Button variant=\"lightprimary\" className=\"flex items-center gap-2\">\r\n                    <Icon icon=\"solar:case-linear\" className=\"h-5 w-5\" />\r\n                    Portfolio\r\n                </Button>\r\n            </div>\r\n        </Card>\r\n    );\r\n};\r\n\r\nexport default UserInfoCards;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/user-info-card/UserInfoCardCode.tsx"
    }
  ]
}