{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-06",
  "title": "Post Card",
  "description": "A post card component",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "card",
    "button",
    "separator"
  ],
  "files": [
    {
      "path": "src/components/customized/card/card-06.tsx",
      "content": "import {\n  HeartIcon,\n  MessageCircleIcon,\n  MoreHorizontalIcon,\n  ShareIcon,\n} from \"lucide-react\";\nimport Image from \"next/image\";\nimport { Button } from \"@/registry/ui/button\";\nimport { Card, CardContent, CardFooter, CardHeader } from \"@/registry/ui/card\";\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/registry/ui/item\";\n\nexport default function CardPost() {\n  return (\n    <Card className=\"w-full max-w-xs gap-0 py-0 shadow-none\">\n      <CardHeader className=\"-mr-1 flex flex-row items-center justify-between py-2.5\">\n        <Item className=\"w-full gap-2.5 p-0\">\n          <ItemMedia>\n            <Image\n              alt=\"\"\n              className=\"h-8 w-8 rounded-full bg-secondary object-contain\"\n              height={32}\n              src=\"https://github.com/shadcn.png\"\n              width={32}\n            />\n          </ItemMedia>\n          <ItemContent className=\"gap-0\">\n            <ItemTitle>shadcn</ItemTitle>\n            <ItemDescription className=\"text-xs\">@shadcn</ItemDescription>\n          </ItemContent>\n          <ItemActions className=\"-me-1\">\n            <Button size=\"icon\" variant=\"ghost\">\n              <MoreHorizontalIcon />\n            </Button>\n          </ItemActions>\n        </Item>\n      </CardHeader>\n      <CardContent className=\"p-0\">\n        <div className=\"relative aspect-14/9 border-y\">\n          <img\n            alt=\"\"\n            className=\"size-full object-cover\"\n            src=\"https://www.fffuel.co/images/dddepth-preview/dddepth-032.jpg\"\n          />\n        </div>\n        <div className=\"px-4 py-4\">\n          <h2 className=\"font-semibold\">Exploring New Horizons</h2>\n          <p className=\"mt-1 text-muted-foreground text-sm\">\n            Had an amazing time discovering hidden gems! 🌄 Can&apos;t wait to\n            share more from this journey.{\" \"}\n            <span className=\"text-blue-500\">#Wanderlust</span>{\" \"}\n            <span className=\"text-blue-500\">#NatureLovers</span>\n          </p>\n        </div>\n      </CardContent>\n      <CardFooter className=\"flex items-center justify-between border-t px-2 py-2! pb-0\">\n        <Button className=\"shrink-0 text-muted-foreground\" variant=\"ghost\">\n          <HeartIcon /> <span className=\"hidden sm:inline\">Like</span>\n        </Button>\n        <Button className=\"shrink-0 text-muted-foreground\" variant=\"ghost\">\n          <MessageCircleIcon />\n          <span className=\"hidden sm:inline\">Comment</span>\n        </Button>\n        <Button className=\"shrink-0 text-muted-foreground\" variant=\"ghost\">\n          <ShareIcon /> <span className=\"hidden sm:inline\">Share</span>\n        </Button>\n      </CardFooter>\n    </Card>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}