{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "section-blocks/shape-divider",
  "version": "1.0.0",
  "title": "Shape Divider",
  "category": "section-blocks-elements",
  "icon": "minus",
  "description": "A decorative wave, curve, zigzag or mountain edge that sits flush between two sections. Pick the shape, height, direction and colors.",
  "keywords": [
    "divider",
    "separator",
    "wave",
    "curve",
    "shape",
    "svg",
    "section"
  ],
  "textdomain": "section-blocks",
  "attributes": {
    "align": {
      "type": "string",
      "default": "full"
    },
    "shape": {
      "type": "string",
      "enum": [
        "wave",
        "waves",
        "curve",
        "tilt",
        "triangle",
        "arrow",
        "zigzag",
        "clouds",
        "mountains"
      ],
      "default": "wave"
    },
    "height": {
      "type": "number",
      "default": 80
    },
    "flipX": {
      "type": "boolean",
      "default": false
    },
    "flipY": {
      "type": "boolean",
      "default": false
    },
    "shapeColor": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "background": true,
      "text": false,
      "link": false
    },
    "spacing": {
      "margin": [
        "top",
        "bottom"
      ]
    }
  },
  "example": {
    "attributes": {
      "shape": "waves",
      "height": 100,
      "shapeColor": "#4f46e5"
    }
  },
  "editorScript": "file:./index.js",
  "style": [
    "file:./style-index.css",
    "section-blocks-shared"
  ],
  "render": "file:./render.php"
}