{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/interactive-card",
  "version": "1.0.0",
  "title": "Interactive Card",
  "category": "bloqra",
  "icon": "cover-image",
  "description": "An image card that reveals extra content on hover or tap — portfolios, services, category tiles. For a two-sided flipping card use Flip Box.",
  "keywords": [
    "interactive",
    "card",
    "hover",
    "reveal",
    "overlay",
    "portfolio"
  ],
  "example": {
    "attributes": {
      "title": "Brand identity",
      "subtitle": "Case study"
    },
    "innerBlocks": [
      {
        "name": "core/paragraph",
        "attributes": {
          "content": "A complete visual identity for a growing startup."
        }
      }
    ]
  },
  "attributes": {
    "imageId": {
      "type": "number",
      "default": 0
    },
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "effect": {
      "type": "string",
      "default": "slide",
      "enum": [
        "slide",
        "fade",
        "zoom"
      ]
    },
    "minHeight": {
      "type": "string",
      "default": ""
    },
    "title": {
      "type": "rich-text",
      "source": "rich-text",
      "selector": ".bloqra-interactive-card__title-text",
      "role": "content"
    },
    "titleLevel": {
      "type": "number",
      "default": 3
    },
    "subtitle": {
      "type": "rich-text",
      "source": "rich-text",
      "selector": ".bloqra-interactive-card__subtitle",
      "role": "content"
    },
    "overlayColor": {
      "type": "string",
      "default": ""
    },
    "overlayGradient": {
      "type": "string"
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "text": true,
      "background": false,
      "gradients": false
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "radius": true
      }
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "shadow": true,
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontFamily": true
    }
  },
  "textdomain": "bloqra",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}