{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group-menu-demo",
  "type": "registry:example",
  "registryDependencies": [
    "button-group"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/button-group/button-group-menu-demo.tsx",
      "content": "\"use client\";\r\n\r\nimport {\r\n  AlertTriangleIcon,\r\n  CheckIcon,\r\n  ChevronDownIcon,\r\n  CopyIcon,\r\n  ShareIcon,\r\n  TrashIcon,\r\n  UserRoundXIcon,\r\n  VolumeOffIcon,\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  MenuPopup,\r\n  MenuGroup,\r\n  MenuItem,\r\n  MenuSeparator,\r\n  MenuTrigger,\r\n} from \"@/registry/pure-ui/ui/menu\";\r\n\r\nexport function ButtonGroupMenuDemo() {\r\n  return (\r\n    <ButtonGroup>\r\n      <Button variant=\"outline\">Follow</Button>\r\n      <Menu>\r\n        <MenuTrigger render={<Button variant=\"outline\" className=\"pl-2!\" />}>\r\n          <ChevronDownIcon />\r\n        </MenuTrigger>\r\n        <MenuPopup align=\"end\" className=\"[--radius:1rem]\">\r\n          <MenuGroup>\r\n            <MenuItem>\r\n              <VolumeOffIcon />\r\n              Mute Conversation\r\n            </MenuItem>\r\n            <MenuItem>\r\n              <CheckIcon />\r\n              Mark as Read\r\n            </MenuItem>\r\n            <MenuItem>\r\n              <AlertTriangleIcon />\r\n              Report Conversation\r\n            </MenuItem>\r\n            <MenuItem>\r\n              <UserRoundXIcon />\r\n              Block User\r\n            </MenuItem>\r\n            <MenuItem>\r\n              <ShareIcon />\r\n              Share Conversation\r\n            </MenuItem>\r\n            <MenuItem>\r\n              <CopyIcon />\r\n              Copy Conversation\r\n            </MenuItem>\r\n          </MenuGroup>\r\n          <MenuSeparator />\r\n          <MenuGroup>\r\n            <MenuItem className=\"text-destructive hover:text-destructive\">\r\n              <TrashIcon />\r\n              Delete Conversation\r\n            </MenuItem>\r\n          </MenuGroup>\r\n        </MenuPopup>\r\n      </Menu>\r\n    </ButtonGroup>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}