{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/content-switcher",
  "version": "1.0.0",
  "title": "Content Switcher",
  "category": "bloqra",
  "icon": "leftright",
  "description": "Toggle between two or more content sets — perfect for monthly / yearly / lifetime pricing, feature comparisons or any before/after content. Each panel holds any blocks, including Pricing Tables.",
  "keywords": [
    "toggle",
    "switch",
    "pricing",
    "monthly",
    "yearly",
    "tabs"
  ],
  "example": {
    "attributes": {
      "activePanel": 0,
      "panels": [
        {
          "label": "Monthly",
          "badge": ""
        },
        {
          "label": "Yearly",
          "badge": "Save 20%"
        }
      ]
    },
    "innerBlocks": [
      {
        "name": "bloqra/switcher-panel",
        "attributes": {
          "label": "Monthly",
          "isActive": true
        },
        "innerBlocks": [
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Monthly pricing content."
            }
          }
        ]
      },
      {
        "name": "bloqra/switcher-panel",
        "attributes": {
          "label": "Yearly",
          "badge": "Save 20%"
        },
        "innerBlocks": [
          {
            "name": "core/paragraph",
            "attributes": {
              "content": "Yearly pricing content."
            }
          }
        ]
      }
    ]
  },
  "attributes": {
    "activePanel": {
      "type": "number",
      "default": 0
    },
    "panels": {
      "type": "array",
      "default": []
    },
    "switcherStyle": {
      "type": "string",
      "default": "pill",
      "enum": [
        "pill",
        "buttons",
        "underline"
      ]
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "gap": {
      "type": "string",
      "default": "28px"
    },
    "controlRadius": {
      "type": "string",
      "default": ""
    },
    "panelAnimation": {
      "type": "string",
      "default": "fade",
      "enum": [
        "fade",
        "none"
      ]
    },
    "trackBgColor": {
      "type": "string",
      "default": ""
    },
    "activeBgColor": {
      "type": "string",
      "default": ""
    },
    "activeTextColor": {
      "type": "string",
      "default": ""
    },
    "inactiveTextColor": {
      "type": "string",
      "default": ""
    },
    "badgeBgColor": {
      "type": "string",
      "default": ""
    },
    "badgeTextColor": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "text": true,
      "background": true,
      "gradients": true
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    },
    "shadow": true,
    "typography": {
      "fontSize": true,
      "__experimentalFontFamily": true
    }
  },
  "textdomain": "bloqra",
  "editorScript": [
    "bloqra-icons",
    "file:./index.js"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}