{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "profile-cards",
  "type": "registry:component",
  "description": "A Card component with optional code display for UI blocks.",
  "registryDependencies": [
    "card",
    "button"
  ],
  "files": [
    {
      "path": "src/app/components/ui-blocks/cards/code/ProfileCardsCode.tsx",
      "content": "\"use client\";\r\nimport React from \"react\";\r\nimport Image from \"next/image\";\r\nimport { Card } from '@/components/ui/card'\r\nimport { Icon } from \"@iconify/react\";\r\nimport { Button } from \"@/components/ui/button\";\r\n/*--Profile Cards--*/\r\nconst profilecards = [\r\n  {\r\n    title: \"Andrew Grant\",\r\n    subtitle: \"Sint Maarten\",\r\n    avatar: \"/images/profile/user-6.jpg\",\r\n  },\r\n  {\r\n    title: \"Leo Pratt\",\r\n    subtitle: \"Bulgaria\",\r\n    avatar: \"/images/profile/user-2.jpg\",\r\n  },\r\n  {\r\n    title: \"Charles Nunez\",\r\n    subtitle: \"Nepal\",\r\n    avatar: \"/images/profile/user-3.jpg\",\r\n  },\r\n];\r\n\r\nconst ProfileCards = () => {\r\n  return (\r\n    <>\r\n      <div className=\"grid grid-cols-12 gap-6\">\r\n        {profilecards.map((item, i) => (\r\n          <div className=\"lg:col-span-4 col-span-12\" key={i}>\r\n            <Card>\r\n              <div className=\"flex items-center\">\r\n                <Image\r\n                  src={item.avatar}\r\n                  alt=\"materialm\"\r\n                  className=\"h-10 w-10 rounded-full\"\r\n                  width={40}\r\n                  height={40}\r\n                />\r\n                <div className=\"ms-3\">\r\n                  <p className=\"text-lg text-inherit\">{item.title}</p>\r\n                  <p className=\"text-xs text-darklink flex gap-1 items-center\"><Icon icon=\"tabler:map-pin\" height={15} /> {item.subtitle}</p>\r\n                </div>\r\n                <Button color={\"primary\"} className=\"w-fit ms-auto\">\r\n                  Follow\r\n                </Button>\r\n              </div>\r\n            </Card>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ProfileCards;\r\n",
      "type": "registry:component",
      "target": "components/tailwind-admin/cards/profile-cards/ProfileCardsCode.tsx"
    }
  ]
}