{
  "apiVersion": 3,
  "name": "brandy/button",
  "title": "Button",
  "category": "brandy-blocks",
  "description": "A customizable button block.",
  "attributes": {
    "tagName": {
      "type": "string",
      "enum": [
        "a",
        "button"
      ],
      "default": "a"
    },
    "blockAlignment": {
      "type": "string",
      "default": ""
    },
    "type": {
      "type": "string",
      "default": "button"
    },
    "textAlign": {
      "type": "string"
    },
    "url": {
      "type": "string",
      "source": "attribute",
      "selector": "a",
      "attribute": "href",
      "role": "content"
    },
    "title": {
      "type": "string",
      "source": "attribute",
      "selector": "a,button",
      "attribute": "title",
      "role": "content"
    },
    "text": {
      "type": "rich-text",
      "source": "rich-text",
      "selector": ".brandy-button-text",
      "role": "content"
    },
    "linkTarget": {
      "type": "string",
      "source": "attribute",
      "selector": "a",
      "attribute": "target",
      "role": "content"
    },
    "rel": {
      "type": "string",
      "source": "attribute",
      "selector": "a",
      "attribute": "rel",
      "role": "content"
    },
    "placeholder": {
      "type": "string"
    },
    "backgroundColor": {
      "type": "string"
    },
    "textColor": {
      "type": "string"
    },
    "gradient": {
      "type": "string"
    },
    "width": {
      "type": "number"
    },
    "icon": {
      "type": "object",
      "default": {
        "enabled": false,
        "name": "",
        "type": "regular",
        "position": "left",
        "gap": ""
      }
    },
    "showText": {
      "type": "boolean",
      "default": true
    },
    "animation": {
      "type": "string",
      "default": "none"
    }
  },
  "supports": {
    "anchor": true,
    "splitting": true,
    "align": false,
    "alignWide": false,
    "color": {
      "__experimentalSkipSerialization": true,
      "gradients": true,
      "__experimentalDefaultControls": {
        "background": true,
        "text": true
      }
    },
    "typography": {
      "__experimentalSkipSerialization": [
        "fontSize",
        "lineHeight",
        "fontFamily",
        "fontWeight",
        "fontStyle",
        "textTransform",
        "textDecoration",
        "letterSpacing"
      ],
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true,
      "__experimentalFontStyle": true,
      "__experimentalTextTransform": true,
      "__experimentalTextDecoration": true,
      "__experimentalLetterSpacing": true,
      "__experimentalWritingMode": true,
      "__experimentalDefaultControls": {
        "fontSize": true
      }
    },
    "reusable": false,
    "shadow": {
      "__experimentalSkipSerialization": true
    },
    "spacing": {
      "__experimentalSkipSerialization": true,
      "padding": [
        "horizontal",
        "vertical"
      ],
      "margin": [
        "top",
        "bottom"
      ],
      "__experimentalDefaultControls": {
        "padding": true
      }
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalSkipSerialization": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    },
    "interactivity": {
      "clientNavigation": true
    }
  },
  "styles": [
    {
      "name": "fill",
      "label": "Fill",
      "isDefault": true
    },
    {
      "name": "outline",
      "label": "Outline"
    }
  ],
  "example": {
    "attributes": {
      "text": "Click me",
      "animation": "swipe"
    }
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "selectors": {
    "root": ".wp-block-button__link",
    "typography": {
      "writingMode": ".wp-block-brandy-button"
    }
  }
}