{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group-nested-demo",
  "type": "registry:example",
  "registryDependencies": [
    "button-group"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/button-group/button-group-nested-demo.tsx",
      "content": "\"use client\";\r\n\r\nimport { ArrowLeftIcon, ArrowRightIcon } 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\n\r\nexport function ButtonGroupNestedDemo() {\r\n  return (\r\n    <ButtonGroup>\r\n      <ButtonGroup>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          1\r\n        </Button>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          2\r\n        </Button>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          3\r\n        </Button>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          4\r\n        </Button>\r\n        <Button variant=\"outline\" size=\"sm\">\r\n          5\r\n        </Button>\r\n      </ButtonGroup>\r\n      <ButtonGroup>\r\n        <Button variant=\"outline\" size=\"icon-sm\" aria-label=\"Previous\">\r\n          <ArrowLeftIcon />\r\n        </Button>\r\n        <Button variant=\"outline\" size=\"icon-sm\" aria-label=\"Next\">\r\n          <ArrowRightIcon />\r\n        </Button>\r\n      </ButtonGroup>\r\n    </ButtonGroup>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}