{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "saai-blocks/image-text-hover",
  "version": "0.1.0",
  "title": "Image Text Hover Block",
  "category": "saai-blocks",
  "icon": "format-image",
  "description": "An interactive image block that displays overlay text on hover with smooth transitions.",
  "example": {
    "attributes": {
      "imageAlt": "Example image",
      "hoverText": "<p>This text appears on hover with a smooth fade effect</p>"
    }
  },
  "attributes": {
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageId": {
      "type": "number",
      "default": 0
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "hoverText": {
      "type": "string",
      "default": ""
    },
    "overlayColor": {
      "type": "string",
      "default": "#000000"
    },
    "overlayOpacity": {
      "type": "number",
      "default": 0.85
    }
  },
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "spacing": {
      "margin": true,
      "padding": true
    }
  },
  "textdomain": "saai-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}