{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "avatar-size-demo",
  "type": "registry:example",
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/avatar/avatar-size-demo.tsx",
      "content": "import {\r\n  Avatar,\r\n  AvatarFallback,\r\n  AvatarImage,\r\n} from \"@/registry/pure-ui/ui/avatar\";\r\n\r\nexport function AvatarSizeDemo() {\r\n  return (\r\n    <div className=\"flex items-center gap-4\">\r\n      <Avatar>\r\n        <AvatarImage\r\n          alt=\"User\"\r\n          src=\"https://pbs.twimg.com/profile_images/1904866883041714179/MhesgL6S_400x400.jpg\"\r\n        />\r\n        <AvatarFallback>AV</AvatarFallback>\r\n      </Avatar>\r\n      <Avatar className=\"size-12\">\r\n        <AvatarImage\r\n          alt=\"User\"\r\n          src=\"https://pbs.twimg.com/profile_images/1904866883041714179/MhesgL6S_400x400.jpg\"\r\n        />\r\n        <AvatarFallback>AV</AvatarFallback>\r\n      </Avatar>\r\n      <Avatar className=\"size-16\">\r\n        <AvatarImage\r\n          alt=\"User\"\r\n          src=\"https://pbs.twimg.com/profile_images/1904866883041714179/MhesgL6S_400x400.jpg\"\r\n        />\r\n        <AvatarFallback>AV</AvatarFallback>\r\n      </Avatar>\r\n    </div>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}