{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar-04",
  "title": "Avatar with Text",
  "description": "An avatar with text component",
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "src/components/customized/avatar/avatar-04.tsx",
      "content": "import { BadgeCheckIcon } from \"lucide-react\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/registry/ui/avatar\";\n\nexport default function AvatarDemo() {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <Avatar className=\"size-9\">\n        <AvatarImage alt=\"@shadcn\" src=\"https://github.com/shadcn.png\" />\n        <AvatarFallback>CN</AvatarFallback>\n      </Avatar>\n      <div className=\"flex flex-col gap-1\">\n        <div className=\"flex items-center gap-1 font-semibold leading-none tracking-tight\">\n          shadcn{\" \"}\n          <BadgeCheckIcon className=\"size-4.5 fill-blue-500 text-white\" />\n        </div>\n        <span className=\"text-muted-foreground text-sm leading-none\">\n          I own a computer\n        </span>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}