{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-item-3","type":"registry:block","title":"User item with avatar, info, and follow button","description":"User item with avatar, info, and follow button","dependencies":[],"registryDependencies":["avatar","button","item"],"files":[{"path":"c-item-3.tsx","type":"registry:block","content":"import {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto flex w-full max-w-md flex-col gap-2\">\n      <Item variant=\"outline\" size=\"xs\">\n        <ItemMedia>\n          <Avatar>\n            <AvatarImage\n              src=\"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=96&h=96&dpr=2&q=80\"\n              alt=\"Alex Johnson\"\n            />\n            <AvatarFallback>AJ</AvatarFallback>\n          </Avatar>\n        </ItemMedia>\n        <ItemContent>\n          <ItemTitle>Alex Johnson</ItemTitle>\n          <ItemDescription>Senior Software Engineer</ItemDescription>\n        </ItemContent>\n        <ItemActions>\n          <Button variant=\"outline\" size=\"sm\">\n            Follow\n          </Button>\n        </ItemActions>\n      </Item>\n      <Item variant=\"outline\" size=\"xs\">\n        <ItemMedia>\n          <Avatar>\n            <AvatarImage\n              src=\"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&dpr=2&q=80\"\n              alt=\"Sarah Chen\"\n            />\n            <AvatarFallback>SC</AvatarFallback>\n          </Avatar>\n        </ItemMedia>\n        <ItemContent>\n          <ItemTitle>Sarah Chen</ItemTitle>\n          <ItemDescription>Product Designer</ItemDescription>\n        </ItemContent>\n        <ItemActions>\n          <Button size=\"sm\">Following</Button>\n        </ItemActions>\n      </Item>\n    </div>\n  )\n}","target":"components/examples/c-item-3.tsx"}],"meta":{"order":3}}