{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 3,
    "name": "easy-architect/overlay-container",
    "version": "1.2.1",
    "title": "Overlay Container",
    "category": "design",
    "description": "Add an overlay to your Image.",
    "keywords": [ "overlay", "image", "picture" ],
    "textdomain": "easy-architect",
    "parent": ["easy-architect/image-display"], 
    "allowedBlocks": ["easy-architect/image-caption"],
    "attributes": {
        "blendMode": {
            "type": "string"
        },
        "opacity": {
            "type": "number"
        }
    },
    "example": {
        "innerBlocks": [
            {
                "name": "easy-architect/image-caption",
                "attributes": {
                    "content": "Beautiful landscape",
                    "source": "custom"
                }
            }
        ],
        "viewportWidth": 400,
        "viewportHeight": 400
    },
    "styles": [
        {
            "name": "standard",
            "label": "Standard",
            "isDefault": true
        },
        {
            "name": "classic",
            "label": "Classic"
        },
        {
            "name": "linear",
            "label": "Linear"
        },
        {
            "name": "vignette",
            "label": "Vignette"
        }
    ],
    "supports": {
        "background": {
			"backgroundImage": true,
			"backgroundSize": true,
			"__experimentalDefaultControls": {
				"backgroundImage": true
			}
		},
        "color" : {
            "background": true,
            "gradients": true
        },
        "html": false,
        "layout": {
            "allowSizingOnChildren" : true,
			"allowJustification": true,
			"allowVerticalAlignment": true,
			"allowOrientation": true,
			"default": {
                "type": "flex",
                "justifyContent": "left",
                "verticalAlignment": "bottom"
            }
		},
        "spacing": {
			"margin": true,
			"padding": true,
			"blockGap": {
				"__experimentalDefault": "1.25em"
			},
			"__experimentalDefaultControls": {
				"blockGap": true,
				"padding": false,
				"margin": false
			}
		},
        "typography": {
            "fontSize": true,
            "lineHeight": true,
            "__experimentalFontFamily": true,
            "__experimentalTextDecoration": true,
            "__experimentalFontStyle": true,
            "__experimentalFontWeight": true,
            "__experimentalLetterSpacing": true,
            "__experimentalTextTransform": true,
            "__experimentalWritingMode": true,
            "__experimentalDefaultControls": {
                "fontSize": true,
                "fontAppearance": true
            }
        }
    },
    "editorScript": "file:./index.js",
    "editorStyle": "file:./index.css",
    "style": "file:./style-index.css"
}