{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "toolbar-disabled-example",
  "title": "Toolbar Disabled",
  "description": "toolbar-disabled-example",
  "dependencies": [
    "@heroicons/react"
  ],
  "registryDependencies": [
    "https://intentui.com/r/toolbar"
  ],
  "files": [
    {
      "path": "src/components/examples/controls/toolbar/toolbar-disabled-example.tsx",
      "content": "'use client'\n\nimport {\n  BoltIcon as BoltOutline,\n  CursorArrowRaysIcon as CursorArrowRaysOutline,\n  NoSymbolIcon as NoSymbolOutline,\n  PencilIcon as PencilOutline,\n} from '@heroicons/react/24/outline'\nimport {\n  BoltIcon as BoltSolid,\n  CursorArrowRaysIcon as CursorArrowRaysSolid,\n  NoSymbolIcon as NoSymbolSolid,\n  PencilIcon as PencilSolid,\n} from '@heroicons/react/24/solid'\n\nimport { Toolbar, ToolbarGroup, ToolbarItem } from '@/components/ui/toolbar'\n\nexport default function ToolbarDemo() {\n  return (\n    <span data-slot=\"layout\">\n      <Toolbar aria-label=\"Toolbars\">\n        <ToolbarGroup isDisabled aria-label=\"Text Formatting Options\">\n          <ToolbarItem defaultSelected aria-label=\"Bold\" size=\"sq-sm\">\n            {({ isSelected }) => <>{isSelected ? <BoltSolid /> : <BoltOutline />}</>}\n          </ToolbarItem>\n          <ToolbarItem aria-label=\"Italic\" size=\"sq-sm\">\n            {({ isSelected }) => <>{isSelected ? <PencilSolid /> : <PencilOutline />}</>}\n          </ToolbarItem>\n          <ToolbarItem aria-label=\"Underline\" size=\"sq-sm\">\n            {({ isSelected }) => (\n              <>{isSelected ? <CursorArrowRaysSolid /> : <CursorArrowRaysOutline />}</>\n            )}\n          </ToolbarItem>\n          <ToolbarItem aria-label=\"Strikethrough\" size=\"sq-sm\">\n            {({ isSelected }) => <>{isSelected ? <NoSymbolSolid /> : <NoSymbolOutline />}</>}\n          </ToolbarItem>\n        </ToolbarGroup>\n      </Toolbar>\n    </span>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/toolbar-disabled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}