{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import {\n  ArchiveIcon,\n  ArrowLeftIcon,\n  MailCheckIcon,\n  MoreHorizontalIcon,\n  Trash2Icon,\n} from \"lucide-react\";\nimport { Button } from \"~/registry/ui/button\";\nimport { ButtonGroup } from \"~/registry/ui/button-group\";\nimport { Menu } from \"~/registry/ui/menu\";\nimport { Popover } from \"~/registry/ui/popover\";\n\nexport function ButtonGroupDemo() {\n  return (\n    <ButtonGroup.Root>\n      <ButtonGroup.Root className=\"hidden sm:flex\">\n        <Button aria-label=\"Go Back\" size=\"icon\" variant=\"outline\">\n          <ArrowLeftIcon />\n        </Button>\n      </ButtonGroup.Root>\n      <ButtonGroup.Root>\n        <Button variant=\"outline\">Archive</Button>\n        <Button variant=\"outline\">Report</Button>\n      </ButtonGroup.Root>\n      <ButtonGroup.Root>\n        <Button variant=\"outline\">Snooze</Button>\n        <Menu.Root>\n          <Button aria-label=\"More Options\" size=\"icon\" variant=\"outline\">\n            <MoreHorizontalIcon />\n          </Button>\n\n          <Popover.Content className=\"w-40\" placement=\"bottom end\">\n            <Menu.Content>\n              <Menu.Group>\n                <Menu.Item>\n                  <MailCheckIcon />\n                  Mark as Read\n                </Menu.Item>\n                <Menu.Item>\n                  <ArchiveIcon />\n                  Archive\n                </Menu.Item>\n              </Menu.Group>\n              <Menu.Separator />\n              <Menu.Group>\n                <Menu.Item variant=\"destructive\">\n                  <Trash2Icon />\n                  Trash\n                </Menu.Item>\n              </Menu.Group>\n            </Menu.Content>\n          </Popover.Content>\n        </Menu.Root>\n      </ButtonGroup.Root>\n    </ButtonGroup.Root>\n  );\n}\n",
      "path": "src/registry/examples/button-group/button-group-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "button-group-demo",
  "registryDependencies": [
    "@kanpeki/button-group",
    "@kanpeki/button",
    "@kanpeki/menu"
  ],
  "type": "registry:example"
}