{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar15",
  "title": "Avatar",
  "description": "Avatar built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/avatar/15/index.tsx",
      "content": "import { Avatar, AvatarImage } from \"@/components/ui/avatar\";\nimport { Button } from \"@/components/ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { ChevronDown, UserPlusIcon } from \"lucide-react\";\n\nexport default function AvatarComponent() {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <div className=\"flex items-center gap-1\">\n          <Avatar className=\"ring-background cursor-pointer rounded-full ring-1\">\n            <AvatarImage alt=\"Tobias Whetton\" src=\"https://i.pravatar.cc/150?img=1\" />\n          </Avatar>\n          <ChevronDown className=\"text-muted-foreground size-4\" />\n        </div>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-full max-w-96\">\n        <div className=\"flex gap-4\">\n          <Avatar className=\"ring-background mt-1 size-14 rounded-full ring-1\">\n            <AvatarImage alt=\"Tobias Whetton\" src=\"https://i.pravatar.cc/150?img=1\" />\n          </Avatar>\n          <div className=\"space-y-1\">\n            <div className=\"flex justify-between\">\n              <div>\n                <p className=\"text-base font-semibold tracking-tight\">Toby Belhome</p>\n                <p className=\"text-muted-foreground text-xs\">@tobybelhome</p>\n              </div>\n              <Button variant=\"outline\" size=\"sm\">\n                <UserPlusIcon />\n                Follow\n              </Button>\n            </div>\n            <p className=\"text-muted-foreground text-sm\">\n              Engineer, designer &amp; developer that can be found inhabiting coffee houses\n            </p>\n            <div className=\"text-muted-foreground mt-4 flex flex-wrap gap-6 text-sm\">\n              <div>\n                <span className=\"text-foreground font-semibold\">321</span> <span>Points</span>\n              </div>\n              <div>\n                <span className=\"text-foreground font-semibold\">30</span> <span>Friends</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/avatar15.tsx"
    }
  ],
  "type": "registry:component"
}