{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "section-blocks/button-group",
  "version": "1.0.0",
  "title": "Button Group",
  "category": "section-blocks-elements",
  "icon": "button",
  "description": "A row of call-to-action buttons with shared styles, icons, sizes and spacing, that can stack full width on phones.",
  "keywords": [
    "button",
    "buttons",
    "cta",
    "call to action",
    "link",
    "group"
  ],
  "textdomain": "section-blocks",
  "attributes": {
    "buttons": {
      "type": "array",
      "default": [
        {
          "text": "Get started",
          "url": "",
          "opensInNewTab": false,
          "style": "primary",
          "icon": ""
        },
        {
          "text": "Learn more",
          "url": "",
          "opensInNewTab": false,
          "style": "outline",
          "icon": ""
        }
      ]
    },
    "justification": {
      "type": "string",
      "enum": [
        "left",
        "center",
        "right",
        "space-between"
      ],
      "default": "left"
    },
    "size": {
      "type": "string",
      "enum": [
        "small",
        "medium",
        "large"
      ],
      "default": "medium"
    },
    "gap": {
      "type": "number",
      "default": 16
    },
    "stackOnMobile": {
      "type": "boolean",
      "default": false
    },
    "ariaLabel": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "background": true,
      "text": true
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "typography": {
      "fontSize": true
    }
  },
  "example": {
    "attributes": {
      "justification": "center",
      "buttons": [
        {
          "text": "Get started",
          "url": "#",
          "opensInNewTab": false,
          "style": "primary",
          "icon": "arrow-right"
        },
        {
          "text": "Learn more",
          "url": "#",
          "opensInNewTab": false,
          "style": "outline",
          "icon": ""
        }
      ]
    }
  },
  "editorScript": "file:./index.js",
  "style": [
    "file:./style-index.css",
    "section-blocks-shared"
  ],
  "render": "file:./render.php"
}