{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-item-2","type":"registry:block","title":"Items with icon media and action buttons","description":"Items with icon media and action buttons","dependencies":[],"registryDependencies":["button","item"],"files":[{"path":"c-item-2.tsx","type":"registry:block","content":"import { Button } from \"@/components/ui/button\"\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  ItemTitle,\n} from \"@/components/ui/item\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\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\">\n        <ItemMedia variant=\"icon\">\n          <IconPlaceholder\n            lucide=\"MailIcon\"\n            tabler=\"IconMail\"\n            hugeicons=\"MailIcon\"\n            phosphor=\"EnvelopeIcon\"\n            remixicon=\"RiMailLine\"\n          />\n        </ItemMedia>\n        <ItemContent>\n          <ItemTitle>Email Notifications</ItemTitle>\n          <ItemDescription>Receive updates via email</ItemDescription>\n        </ItemContent>\n        <ItemActions>\n          <Button variant=\"outline\" size=\"sm\">\n            Configure\n          </Button>\n        </ItemActions>\n      </Item>\n      <Item variant=\"outline\">\n        <ItemMedia variant=\"icon\">\n          <IconPlaceholder\n            lucide=\"BellIcon\"\n            tabler=\"IconBell\"\n            hugeicons=\"NotificationIcon\"\n            phosphor=\"BellIcon\"\n            remixicon=\"RiNotificationLine\"\n          />\n        </ItemMedia>\n        <ItemContent>\n          <ItemTitle>Push Notifications</ItemTitle>\n          <ItemDescription>Get notified on your device</ItemDescription>\n        </ItemContent>\n        <ItemActions>\n          <Button size=\"sm\">Enable</Button>\n        </ItemActions>\n      </Item>\n    </div>\n  )\n}","target":"components/examples/c-item-2.tsx"}],"meta":{"order":2}}