{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "unique/unique-before-after-slider",
  "version": "0.1.0",
  "title": "Responsive Before After Slider",
  "category": "media",
  "icon": "image-flip-horizontal",
  "description": "Interactive before and after image comparison slider with responsive design.",
  "example": {
    "attributes": {
      "beforeImage": {
        "url": "https://via.placeholder.com/600x400/cccccc/969696?text=Before+Image",
        "alt": "Before image placeholder"
      },
      "afterImage": {
        "url": "https://via.placeholder.com/600x400/969696/cccccc?text=After+Image",
        "alt": "After image placeholder"
      },
      "sliderColor": "#ffffff"
    }
  },
  "attributes": {
    "beforeImage": {
      "type": "object",
      "default": {}
    },
    "afterImage": {
      "type": "object",
      "default": {}
    },
    "sliderColor": {
      "type": "string",
      "default": "#ffffff"
    }
  },
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ]
  },
  "textdomain": "unique-before-after-slider",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js"
}