{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "dravix/button-item",
  "version": "1.0.0",
  "title": "Button Item",
  "category": "dravix-blocks",
  "parent": [
    "dravix/button-group"
  ],
  "icon": "button",
  "description": "A single customizable button.",
  "textdomain": "dravix",
  "supports": {
    "html": false,
    "reusable": false,
    "spacing": {
      "padding": true,
      "margin": true
    }
  },
  "attributes": {
    "label": {
      "type": "string",
      "default": "Button"
    },
    "url": {
      "type": "string",
      "default": "#"
    },
    "linkTarget": {
      "type": "string",
      "default": "_self"
    },
    "iconUrl": {
      "type": "string",
      "default": ""
    },
    "iconId": {
      "type": "number",
      "default": 0
    },
    "iconPosition": {
      "type": "string",
      "default": "left"
    },
    "useIconColor": {
      "type": "boolean",
      "default": false
    },
    "normalStyles": {
      "type": "object",
      "default": {
        "bgColor": "#007cba",
        "textColor": "#ffffff",
        "borderColor": "transparent",
        "borderRadius": 5,
        "iconColor": "#ffffff"
      }
    },
    "hoverStyles": {
      "type": "object",
      "default": {
        "bgColor": "#005a87",
        "textColor": "#ffffff",
        "borderColor": "transparent",
        "iconColor": "#ffffff"
      }
    },
    "isActive": {
      "type": "boolean",
      "default": false
    },
    "activeStyles": {
      "type": "object",
      "default": {
        "bgColor": "#004466",
        "textColor": "#ffffff",
        "borderColor": "transparent",
        "iconColor": "#ffffff"
      }
    },
    "padding": {
      "type": "object",
      "default": {
        "top": 10,
        "right": 20,
        "bottom": 10,
        "left": 20
      }
    },
    "typography": {
      "type": "object",
      "default": {
        "fontSize": 16,
        "fontWeight": "bold"
      }
    },
    "iconSize": {
      "type": "number",
      "default": 18
    },
    "gap": {
      "type": "number",
      "default": 8
    },
    "isGlass": {
      "type": "boolean",
      "default": false
    }
  }
}