{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "social-post",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "card"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/SocialPostCode.tsx",
      "content": "\"use client\";\r\n\r\nimport Image from \"next/image\";\r\nimport { Card } from \"@/components/ui/card\";\r\nimport { MoreHorizontal, Heart, MessageCircle, Send, Bookmark } from \"lucide-react\";\r\n\r\nconst SocialPost = () => {\r\n  return (\r\n    <Card className=\"p-0 pb-4\">\r\n      <div className=\"flex items-center justify-between p-4\">\r\n        <div className=\"flex items-center gap-3\">\r\n          <Image\r\n            src=\"/images/profile/user-5.jpg\"\r\n            alt=\"user avatar\"\r\n            width={40}\r\n            height={40}\r\n            className=\"rounded-full\"\r\n          />\r\n          <div>\r\n            <h3 className=\"font-semibold text-sm\">Andrew Grant</h3>\r\n            <p className=\"text-xs text-muted-foreground\">Yesterday at 5:06 PM</p>\r\n          </div>\r\n        </div>\r\n        <MoreHorizontal className=\"h-5 w-5 text-muted-foreground cursor-pointer\" />\r\n      </div>\r\n\r\n      <div className=\"w-full\">\r\n        <Image\r\n          src=\"/images/blog/blog-img4.jpg\"\r\n          alt=\"post\"\r\n          width={500}\r\n          height={300}\r\n          className=\"w-full h-auto object-cover\"\r\n        />\r\n      </div>\r\n\r\n      <div className=\"px-4 py-3\">\r\n        <p className=\"text-sm\">\r\n          Your beauty is one of the things I like about you. 😍 💘{\" \"}\r\n          <span className=\"text-primary\">#beauty #goa 🏖️ #india #happylife</span>\r\n        </p>\r\n      </div>\r\n\r\n      <div className=\"flex items-center justify-between px-4\">\r\n        <div className=\"flex gap-4\">\r\n          <Heart className=\"h-5 w-5 cursor-pointer hover:text-error\" />\r\n          <MessageCircle className=\"h-5 w-5 cursor-pointer hover:text-primary\" />\r\n          <Send className=\"h-5 w-5 cursor-pointer hover:text-success\" />\r\n        </div>\r\n        <Bookmark className=\"h-5 w-5 cursor-pointer hover:text-warning\" />\r\n      </div>\r\n    </Card>\r\n  );\r\n};\r\n\r\nexport default SocialPost;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/social-post/SocialPostCode.tsx"
    }
  ]
}