{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 3,
    "name": "blockenberg/media-text",
    "version": "1.0.0",
    "title": "Media & Text Rows",
    "category": "bkbg-content",
    "icon": "align-pull-left",
    "description": "Repeatable alternating image-and-text rows — each row independently flippable. Classic landing-page pattern for feature breakdowns and storytelling.",
    "keywords": [
        "media",
        "text",
        "alternating",
        "rows",
        "image",
        "feature",
        "landing",
        "sections"
    ],
    "textdomain": "blockenberg",
    "editorScript": "bkbg-media-text-editor",
    "editorStyle": "bkbg-media-text-style",
    "style": "bkbg-media-text-style",
    "viewScript": "bkbg-media-text-frontend",
    "supports": {
        "html": false,
        "align": [
            "wide",
            "full"
        ]
    },
    "attributes": {
        "rows": {
            "type": "array",
            "default": [
                {
                    "id": "r1",
                    "eyebrow": "Why us",
                    "title": "Built for speed",
                    "desc": "We engineered our platform from the ground up to handle millions of requests without breaking a sweat. Your users get instant, consistent performance.",
                    "btnLabel": "Learn more",
                    "btnUrl": "",
                    "btnNewTab": false,
                    "flipRow": false,
                    "imageUrl": "",
                    "imageId": 0,
                    "imageAlt": "",
                    "accentColor": "#6c3fb5"
                },
                {
                    "id": "r2",
                    "eyebrow": "Design",
                    "title": "Beautiful by default",
                    "desc": "Every component ships with thoughtful defaults that look great out of the box. Customise as little or as much as you need.",
                    "btnLabel": "See examples",
                    "btnUrl": "",
                    "btnNewTab": false,
                    "flipRow": true,
                    "imageUrl": "",
                    "imageId": 0,
                    "imageAlt": "",
                    "accentColor": "#3b82f6"
                }
            ]
        },
        "imageWidthPercent": {
            "type": "number",
            "default": 50
        },
        "columnGap": {
            "type": "number",
            "default": 64
        },
        "rowGap": {
            "type": "number",
            "default": 80
        },
        "imageRadius": {
            "type": "number",
            "default": 12
        },
        "imageShadow": {
            "type": "boolean",
            "default": true
        },
        "showEyebrow": {
            "type": "boolean",
            "default": true
        },
        "showButton": {
            "type": "boolean",
            "default": true
        },
        "btnStyle": {
            "type": "string",
            "default": "solid"
        },
        "btnBorderRadius": {
            "type": "number",
            "default": 8
        },
        "eyebrowSize": {
            "type": "number",
            "default": 13
        },
        "titleSize": {
            "type": "number",
            "default": 34
        },
        "descSize": {
            "type": "number",
            "default": 17
        },
        "eyebrowTypo": {
            "type": "object",
            "default": {}
        },
        "titleTypo": {
            "type": "object",
            "default": {}
        },
        "descTypo": {
            "type": "object",
            "default": {}
        },
        "eyebrowColor": {
            "type": "string",
            "default": "#6c3fb5"
        },
        "titleColor": {
            "type": "string",
            "default": "#111827"
        },
        "descColor": {
            "type": "string",
            "default": "#4b5563"
        },
        "btnBg": {
            "type": "string",
            "default": "#6c3fb5"
        },
        "btnColor": {
            "type": "string",
            "default": "#ffffff"
        },
        "bgColor": {
            "type": "string",
            "default": ""
        },
        "paddingTop": {
            "type": "number",
            "default": 64
        },
        "paddingBottom": {
            "type": "number",
            "default": 64
        }
    }
}