{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar4",
  "title": "Avatar",
  "description": "An image element with a fallback for representing the user.",
  "files": [
    {
      "path": "contents/components/avatar/4/index.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\n\nexport default function AvatarComponent() {\n  return (\n    <div className=\"relative\">\n      <Avatar>\n        <AvatarImage alt=\"Kelly King\" src=\"https://i.pravatar.cc/150?img=80\" />\n        <AvatarFallback>KK</AvatarFallback>\n      </Avatar>\n      <span className=\"border-background absolute -end-0.5 -bottom-0.5 size-3 rounded-full border-2 bg-emerald-500\">\n        <span className=\"sr-only\">Online</span>\n      </span>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/avatar4.tsx"
    }
  ],
  "type": "registry:component"
}