{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "section-blocks/logo-cloud",
  "version": "1.0.0",
  "title": "Logo Cloud",
  "category": "section-blocks-elements",
  "icon": "screenoptions",
  "description": "Show client or partner logos as a responsive grid or an accessible, auto-scrolling marquee with optional grayscale.",
  "keywords": [
    "logos",
    "clients",
    "partners",
    "brands",
    "marquee",
    "trusted by",
    "sponsors"
  ],
  "textdomain": "section-blocks",
  "attributes": {
    "showHeading": {
      "type": "boolean",
      "default": true
    },
    "heading": {
      "type": "string",
      "default": "Trusted by teams at"
    },
    "logos": {
      "type": "array",
      "default": [],
      "items": {
        "type": "object"
      }
    },
    "layout": {
      "type": "string",
      "enum": [
        "grid",
        "marquee"
      ],
      "default": "grid"
    },
    "columns": {
      "type": "object",
      "default": {
        "desktop": 6,
        "tablet": 4,
        "mobile": 3
      }
    },
    "speed": {
      "type": "string",
      "enum": [
        "slow",
        "normal",
        "fast"
      ],
      "default": "normal"
    },
    "grayscale": {
      "type": "boolean",
      "default": true
    },
    "logoHeight": {
      "type": "number",
      "default": 48
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "color": {
      "background": true,
      "text": true
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true
    },
    "interactivity": true
  },
  "example": {
    "attributes": {
      "heading": "Trusted by teams at",
      "columns": {
        "desktop": 4,
        "tablet": 4,
        "mobile": 2
      },
      "logoHeight": 40,
      "logos": [
        {
          "image": {
            "url": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Ccircle cx='22' cy='24' r='14' fill='%232563eb'/%3E%3Ctext x='44' y='32' font-family='sans-serif' font-size='22' font-weight='700' fill='%231e293b'%3EAcme%3C/text%3E%3C/svg%3E",
            "alt": "Acme"
          },
          "url": ""
        },
        {
          "image": {
            "url": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Crect x='8' y='10' width='28' height='28' rx='6' fill='%23059669'/%3E%3Ctext x='44' y='32' font-family='sans-serif' font-size='22' font-weight='700' fill='%231e293b'%3ENimbus%3C/text%3E%3C/svg%3E",
            "alt": "Nimbus"
          },
          "url": ""
        },
        {
          "image": {
            "url": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cpath d='M8 38 22 10l14 28z' fill='%23d97706'/%3E%3Ctext x='44' y='32' font-family='sans-serif' font-size='22' font-weight='700' fill='%231e293b'%3EVertex%3C/text%3E%3C/svg%3E",
            "alt": "Vertex"
          },
          "url": ""
        },
        {
          "image": {
            "url": "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Ccircle cx='22' cy='24' r='14' fill='none' stroke='%237c3aed' stroke-width='6'/%3E%3Ctext x='44' y='32' font-family='sans-serif' font-size='22' font-weight='700' fill='%231e293b'%3EOrbit%3C/text%3E%3C/svg%3E",
            "alt": "Orbit"
          },
          "url": ""
        }
      ]
    }
  },
  "editorScript": "file:./index.js",
  "style": [
    "file:./style-index.css",
    "section-blocks-shared"
  ],
  "viewScriptModule": "file:./view.js",
  "render": "file:./render.php"
}