{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "avatar-group-example",
  "title": "Avatar Group",
  "description": "avatar-group-example",
  "registryDependencies": [
    "https://intentui.com/r/avatar"
  ],
  "files": [
    {
      "path": "src/components/examples/media/avatar/avatar-group-example.tsx",
      "content": "import { Avatar } from '@/components/ui/avatar'\n\nexport default function AvatarGroupDemo() {\n  return (\n    <div className=\"flex items-center justify-center -space-x-2\">\n      {users.map((user) => (\n        <Avatar\n          key={user.id}\n          src={user.image_url}\n          className=\"size-8 ring-2 ring-white dark:ring-zinc-900\"\n        />\n      ))}\n    </div>\n  )\n}\n\nexport const users = [\n  {\n    id: 1,\n    name: 'Robert Plant',\n    image_url: '/images/avatar/robert.jpg',\n  },\n  { id: 2, name: 'Jimmy Page', image_url: '/images/avatar/page.jpg' },\n  { id: 5, name: 'Irsyad', image_url: '/images/avatar/irsyad.jpg' },\n  { id: 3, name: 'Slash', image_url: '/images/avatar/slash.jpg' },\n  {\n    id: 4,\n    name: 'Kurt Cobain',\n    image_url: 'https://intentui.com/images/avatar/cobain.jpg',\n  },\n]\n",
      "type": "registry:page",
      "target": "app/avatar-group-example/page.tsx"
    }
  ],
  "type": "registry:page"
}