{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "section-blocks/promo-banner",
  "version": "1.0.0",
  "title": "Promo Banner",
  "category": "section-blocks-elements",
  "icon": "megaphone",
  "description": "A promotional banner with a background image, color overlay, badge, heading, text and button, with the content placed where you want it.",
  "keywords": [
    "promo",
    "banner",
    "sale",
    "offer",
    "announcement",
    "cta",
    "hero"
  ],
  "textdomain": "section-blocks",
  "attributes": {
    "image": {
      "type": "object",
      "default": {}
    },
    "overlayColor": {
      "type": "string",
      "default": "#1E1B4B"
    },
    "overlayOpacity": {
      "type": "number",
      "default": 55
    },
    "badge": {
      "type": "string",
      "default": ""
    },
    "heading": {
      "type": "string",
      "default": ""
    },
    "headingLevel": {
      "type": "number",
      "default": 2
    },
    "text": {
      "type": "string",
      "default": ""
    },
    "button": {
      "type": "object",
      "default": {
        "text": "",
        "url": "",
        "opensInNewTab": false,
        "style": "primary",
        "icon": ""
      }
    },
    "contentPosition": {
      "type": "string",
      "enum": [
        "left",
        "center",
        "right"
      ],
      "default": "left"
    },
    "verticalAlign": {
      "type": "string",
      "enum": [
        "top",
        "middle",
        "bottom"
      ],
      "default": "middle"
    },
    "minHeight": {
      "type": "number",
      "default": 320
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "background": false,
      "text": true,
      "link": true
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    },
    "shadow": true
  },
  "example": {
    "attributes": {
      "badge": "Limited time",
      "heading": "Save 30% on annual plans",
      "text": "Upgrade before Friday and get three months free.",
      "button": {
        "text": "Claim offer",
        "url": "#",
        "opensInNewTab": false,
        "style": "primary",
        "icon": "arrow-right"
      },
      "minHeight": 280
    }
  },
  "editorScript": "file:./index.js",
  "style": [
    "file:./style-index.css",
    "section-blocks-shared"
  ],
  "render": "file:./render.php"
}