{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "necessary-block/codepen-block",
  "title": "Codepen Embed",
  "category": "embed",
  "icon": "embed-post",
  "description": "Embed Codepen in your website.",
  "supports": {
    "html": true,
    "className": true,
    "align": [
      "wide",
      "full"
    ],
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true,
        "shadow": true
      }
    },
    "customClassName": true,
    "splitting": true
  },
  "attributes": {
    "codepenlink": {
      "type": "string"
    },
    "type": {
      "type": "string",
      "default": "mix"
    },
    "width": {
      "type": "string",
      "default": "100%"
    },
    "height": {
      "type": "string",
      "default": "450px"
    },
    "penURL": {
      "type": "string",
      "default": ""
    },
    "penID": {
      "type": "string",
      "default": "1"
    },
    "penType": {
      "type": "string",
      "default": "result"
    },
    "penTheme": {
      "type": "string",
      "default": "light"
    },
    "clickToLoad": {
      "type": "boolean",
      "default": false
    },
    "editable": {
      "type": "boolean",
      "default": false
    }
  },
  "keywords": [
    "Codepen Block",
    "Codepen",
    "Codepen Embed"
  ],
  "textdomain": "codepen-block",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}