{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar-15",
  "title": "Avatar Group with Max",
  "description": "Group of avatars with maximum limit component",
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "src/components/customized/avatar/avatar-15.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/registry/ui/avatar\";\n\nexport default function AvatarDemo() {\n  return (\n    <div className=\"flex items-start gap-10 rounded-lg border p-4 shadow-sm/3\">\n      <div className=\"flex gap-3\">\n        <Avatar className=\"size-10\">\n          <AvatarImage alt=\"@shadcn\" src=\"https://github.com/shadcn.png\" />\n          <AvatarFallback>CN</AvatarFallback>\n        </Avatar>\n        <div className=\"flex flex-col gap-1.5\">\n          <div className=\"flex items-center gap-1 font-medium leading-none tracking-tight\">\n            John Doe\n          </div>\n          <span className=\"text-muted-foreground text-sm leading-none\">\n            Let's go to the park\n          </span>\n        </div>\n      </div>\n      <div className=\"flex flex-col justify-start gap-1\">\n        <span className=\"text-muted-foreground text-xs\">12:00 AM</span>\n        <div className=\"ms-auto flex h-5 w-fit min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-primary-foreground text-xs\">\n          2\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}