{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "item10",
  "title": "Item",
  "description": "Item built with shadcn/ui.",
  "files": [
    {
      "path": "contents/components/item/10/index.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport {\n  Item,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nconst people = [\n  {\n    username: \"shadcn\",\n    avatar: \"https://github.com/shadcn.png\",\n    email: \"shadcn@vercel.com\",\n  },\n  {\n    username: \"maxleiter\",\n    avatar: \"https://github.com/maxleiter.png\",\n    email: \"maxleiter@vercel.com\",\n  },\n  {\n    username: \"evilrabbit\",\n    avatar: \"https://github.com/evilrabbit.png\",\n    email: \"evilrabbit@vercel.com\",\n  },\n];\n\nexport default function ItemComponent() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Select <ChevronDownIcon />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"w-64\">\n        <DropdownMenuGroup>\n          {people.map((person) => (\n            <DropdownMenuItem key={person.username}>\n              <Item size=\"xs\" className=\"w-full flex-nowrap\">\n                <ItemMedia>\n                  <Avatar>\n                    <AvatarImage src={person.avatar} />\n                    <AvatarFallback>{person.username.charAt(0)}</AvatarFallback>\n                  </Avatar>\n                </ItemMedia>\n                <ItemContent className=\"min-w-0 gap-0\">\n                  <ItemTitle>{person.username}</ItemTitle>\n                  <ItemDescription className=\"line-clamp-1 leading-none\">\n                    {person.email}\n                  </ItemDescription>\n                </ItemContent>\n              </Item>\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/item10.tsx"
    }
  ],
  "type": "registry:component"
}