{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group-basic-demo",
  "type": "registry:example",
  "registryDependencies": [
    "button-group"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/button-group/button-group-basic-demo.tsx",
      "content": "import {\r\n  ArchiveIcon,\r\n  EditIcon,\r\n  EllipsisIcon,\r\n  FilesIcon,\r\n  FilmIcon,\r\n  ShareIcon,\r\n  TrashIcon,\r\n} from \"lucide-react\";\r\n\r\nimport { Button } from \"@/registry/pure-ui/ui/button\";\r\nimport { ButtonGroup } from \"@/registry/pure-ui/ui/button-group\";\r\nimport {\r\n  Menu,\r\n  MenuItem,\r\n  MenuPopup,\r\n  MenuTrigger,\r\n} from \"@/registry/pure-ui/ui/menu\";\r\n\r\nexport function ButtonGroupBasicDemo() {\r\n  return (\r\n    <ButtonGroup aria-label=\"File actions\">\r\n      <Button variant=\"outline\">\r\n        <FilesIcon />\r\n        Files\r\n      </Button>\r\n      <Button variant=\"outline\">\r\n        <FilmIcon />\r\n        Media\r\n      </Button>\r\n      <Menu>\r\n        <MenuTrigger\r\n          render={<Button aria-label=\"Menu\" size=\"icon\" variant=\"outline\" />}\r\n        >\r\n          <EllipsisIcon className=\"size-4\" />\r\n        </MenuTrigger>\r\n        <MenuPopup align=\"end\">\r\n          <MenuItem>\r\n            <EditIcon />\r\n            Edit\r\n          </MenuItem>\r\n          <MenuItem>\r\n            <ArchiveIcon />\r\n            Archive\r\n          </MenuItem>\r\n          <MenuItem>\r\n            <ShareIcon />\r\n            Share\r\n          </MenuItem>\r\n          <MenuItem>\r\n            <TrashIcon />\r\n            Delete\r\n          </MenuItem>\r\n        </MenuPopup>\r\n      </Menu>\r\n    </ButtonGroup>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}