{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "designsetgo/icon-button",
  "version": "1.0.0",
  "title": "Icon Button",
  "category": "designsetgo",
  "description": "A customizable button with optional icon and hover animations.",
  "keywords": [
    "button",
    "icon",
    "link",
    "call to action",
    "cta",
    "animated"
  ],
  "textdomain": "designsetgo",
  "icon": "external",
  "usesContext": [
    "designsetgo/hoverButtonBackgroundColor"
  ],
  "supports": {
    "anchor": true,
    "align": [
      "left",
      "center",
      "right",
      "full"
    ],
    "alignWide": true,
    "html": false,
    "inserter": true,
    "spacing": {
      "margin": true,
      "padding": true,
      "__experimentalSkipSerialization": [
        "padding"
      ],
      "__experimentalDefaultControls": {
        "margin": true,
        "padding": true
      }
    },
    "color": {
      "background": true,
      "text": true,
      "gradients": true,
      "__experimentalSkipSerialization": true,
      "__experimentalDefaultControls": {
        "background": true,
        "text": true
      }
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalDefaultControls": {
        "fontSize": true
      },
      "__experimentalFontWeight": true
    },
    "shadow": true,
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    }
  },
  "attributes": {
    "align": {
      "type": "string"
    },
    "text": {
      "type": "string",
      "default": ""
    },
    "url": {
      "type": "string",
      "default": ""
    },
    "linkTarget": {
      "type": "string",
      "default": "_self"
    },
    "rel": {
      "type": "string",
      "default": ""
    },
    "icon": {
      "type": "string",
      "default": "lightbulb"
    },
    "iconPosition": {
      "type": "string",
      "default": "start"
    },
    "iconSize": {
      "type": "number",
      "default": 20
    },
    "iconGap": {
      "type": "string",
      "default": "8px"
    },
    "hoverAnimation": {
      "type": "string",
      "default": "none"
    },
    "hoverBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "hoverTextColor": {
      "type": "string",
      "default": ""
    },
    "modalCloseId": {
      "type": "string",
      "default": ""
    }
  },
  "example": {
    "attributes": {
      "text": "Get Started",
      "icon": "lightbulb",
      "iconPosition": "start"
    }
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./index.css"
}