{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "dravix/customizable-button",
  "version": "1.0.0",
  "title": "Customizable Button",
  "category": "dravix-blocks",
  "icon": "button",
  "description": "A fully customizable button with extensive styling and interaction options.",
  "keywords": [
    "button",
    "customizable",
    "interactive"
  ],
  "textdomain": "dravix",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "supports": {
    "align": [
      "left",
      "center",
      "right",
      "wide",
      "full"
    ],
    "html": false,
    "spacing": {
      "margin": true,
      "padding": true
    },
    "color": {
      "background": true,
      "text": true
    }
  },
  "attributes": {
    "text": {
      "type": "string",
      "default": "Click Me"
    },
    "url": {
      "type": "string",
      "default": ""
    },
    "linkTarget": {
      "type": "string",
      "default": "_self"
    },
    "size": {
      "type": "string",
      "default": "medium"
    },
    "customSize": {
      "type": "object",
      "default": {
        "width": "200px",
        "height": "50px",
        "fontSize": "16px",
        "padding": "12px 24px"
      }
    },
    "backgroundColor": {
      "type": "string",
      "default": "#136DFB"
    },
    "textColor": {
      "type": "string",
      "default": "#FFFFFF"
    },
    "borderRadius": {
      "type": "string",
      "default": "8px"
    },
    "borderWidth": {
      "type": "string",
      "default": "0px"
    },
    "borderColor": {
      "type": "string",
      "default": "#136DFB"
    },
    "hoverBackgroundColor": {
      "type": "string",
      "default": "#172342"
    },
    "hoverTextColor": {
      "type": "string",
      "default": "#FFFFFF"
    },
    "hoverTransform": {
      "type": "string",
      "default": "none"
    },
    "animation": {
      "type": "string",
      "default": "none"
    },
    "animationDuration": {
      "type": "string",
      "default": "0.3s"
    },
    "boxShadow": {
      "type": "string",
      "default": "none"
    },
    "hoverBoxShadow": {
      "type": "string",
      "default": "none"
    },
    "fontFamily": {
      "type": "string",
      "default": "Manrope, sans-serif"
    },
    "fontWeight": {
      "type": "string",
      "default": "600"
    },
    "textTransform": {
      "type": "string",
      "default": "none"
    },
    "letterSpacing": {
      "type": "string",
      "default": "-0.1px"
    },
    "clickAction": {
      "type": "string",
      "default": "link"
    },
    "customJS": {
      "type": "string",
      "default": ""
    },
    "alignment": {
      "type": "string",
      "default": "left"
    },
    "icon": {
      "type": "object",
      "default": {
        "enabled": false,
        "position": "left",
        "svg": "",
        "size": "16px"
      }
    }
  }
}