{
  "name": "WidgetButton",
  "package": "@magicblocksai/ui",
  "file": "packages/ui/src/components/WidgetButton.tsx",
  "chapterTag": "25 Chat Widget",
  "chapter": "25-widget.html",
  "sectionId": "buttons",
  "elName": "WidgetButton",
  "demoUrl": "https://brand.magicblocks.ai/components/25-widget#buttons",
  "hasLiveDemo": false,
  "description": "",
  "useClient": false,
  "interactivity": "display",
  "namedExports": [
    {
      "name": "WidgetButton",
      "isPrincipal": true,
      "isType": false
    },
    {
      "name": "WidgetButtonProps",
      "isPrincipal": false,
      "isType": true
    },
    {
      "name": "WidgetButtonVariant",
      "isPrincipal": false,
      "isType": true
    }
  ],
  "importStatement": "import { WidgetButton } from \"@magicblocksai/ui\";",
  "props": [
    {
      "name": "variant",
      "optional": true,
      "type": "WidgetButtonVariant",
      "doc": ""
    },
    {
      "name": "icon",
      "optional": true,
      "type": "ReactNode",
      "doc": "Optional leading icon."
    },
    {
      "name": "trailingIcon",
      "optional": true,
      "type": "ReactNode",
      "doc": "Optional trailing icon."
    },
    {
      "name": "loading",
      "optional": true,
      "type": "boolean",
      "doc": "Loading state — swaps content for a spinner, keeps width stable."
    }
  ],
  "classesUsed": [
    "widget-button",
    "widget-button-icon",
    "widget-button-spinner"
  ],
  "examples": {
    "react": null,
    "html": null,
    "css": ".widget-button {\n  appearance: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: 8px 14px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  font: 600 13px/1 var(--w-font-family, var(--f-body));\n  transition: filter var(--dur-2) var(--ease);\n}\n\n.widget-button-icon { display: inline-flex; }\n\n.widget-button-spinner {\n  width: 14px;\n  height: 14px;\n  border-radius: 999px;\n  border: 1.5px solid currentColor;\n  border-right-color: transparent;\n  animation: widget-composer-spin 0.7s linear infinite;\n}"
  }
}