{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-group-email-toolbar",
  "title": "Button Group Email Toolbar",
  "description": "Button Group example: Email Toolbar.",
  "registryDependencies": [
    "button",
    "button-group",
    "dropdown-menu"
  ],
  "files": [
    {
      "path": "apps/docs/demos/button-group/email-toolbar.tsx",
      "content": "\"use client\";\n\nimport { Button } from \"@keystoneui/react/button\";\nimport { ButtonGroup } from \"@keystoneui/react/button-group\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@keystoneui/react/dropdown-menu\";\nimport {\n  Archive as ArchiveIcon,\n  ArrowLeft as ArrowLeftIcon,\n  CalendarPlus as CalendarPlusIcon,\n  Clock as ClockIcon,\n  ListFilter as ListFilterIcon,\n  MailCheck as MailCheckIcon,\n  Ellipsis as MoreHorizontalIcon,\n  Tag as TagIcon,\n  Trash2 as Trash2Icon,\n} from \"lucide-react\";\nimport { useState } from \"react\";\n\nexport default function ButtonGroupEmailToolbar() {\n  const [label, setLabel] = useState(\"personal\");\n\n  return (\n    <ButtonGroup>\n      <ButtonGroup className=\"hidden sm:flex\">\n        <Button aria-label=\"Go Back\" size=\"icon-sm\" variant=\"outline\">\n          <ArrowLeftIcon />\n        </Button>\n      </ButtonGroup>\n      <ButtonGroup>\n        <Button size=\"sm\" variant=\"outline\">\n          Archive\n        </Button>\n        <Button size=\"sm\" variant=\"outline\">\n          Report\n        </Button>\n      </ButtonGroup>\n      <ButtonGroup>\n        <Button size=\"sm\" variant=\"outline\">\n          Snooze\n        </Button>\n        <DropdownMenu>\n          <DropdownMenuTrigger\n            render={\n              <Button\n                aria-label=\"More Options\"\n                size=\"icon-sm\"\n                variant=\"outline\"\n              />\n            }\n          >\n            <MoreHorizontalIcon />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\" className=\"w-48\">\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <MailCheckIcon />\n                Mark as Read\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <ArchiveIcon />\n                Archive\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <ClockIcon />\n                Snooze\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CalendarPlusIcon />\n                Add to Calendar\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <ListFilterIcon />\n                Add to List\n              </DropdownMenuItem>\n              <DropdownMenuSub>\n                <DropdownMenuSubTrigger>\n                  <TagIcon />\n                  Label As...\n                </DropdownMenuSubTrigger>\n                <DropdownMenuSubContent>\n                  <DropdownMenuRadioGroup\n                    onValueChange={setLabel}\n                    value={label}\n                  >\n                    <DropdownMenuRadioItem value=\"personal\">\n                      Personal\n                    </DropdownMenuRadioItem>\n                    <DropdownMenuRadioItem value=\"work\">\n                      Work\n                    </DropdownMenuRadioItem>\n                    <DropdownMenuRadioItem value=\"other\">\n                      Other\n                    </DropdownMenuRadioItem>\n                  </DropdownMenuRadioGroup>\n                </DropdownMenuSubContent>\n              </DropdownMenuSub>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem variant=\"destructive\">\n                <Trash2Icon />\n                Trash\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </ButtonGroup>\n    </ButtonGroup>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}