{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsmb/smart-modal-block",
  "version": "1.0.0",
  "title": "Smart Modal",
  "category": "widgets",
  "description": "You can quickly display the title and content in a customizable popup modal by using the Smart Modal plugin.",
  "keywords": [
    "modal",
    "popup",
    "block",
    "content",
    "smart"
  ],
  "textdomain": "smart-modal",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "content": {
      "type": "object",
      "default": {
        "btnText": "Open Financial Services Modal",
        "title": "Financial Services",
        "desc": ""
      }
    },
    "button": {
      "type": "object",
      "default": {
        "isFullWidth": true,
        "align": "left",
        "typo": {
          "fontSize": {
            "desktop": 16,
            "tablet": 14,
            "mobile": 14
          },
          "fontWeight": 400,
          "lineHeight": "135%"
        },
        "colors": {
          "color": "#000",
          "bg": "#fff"
        },
        "padding": {
          "top": "14px",
          "right": "14px",
          "bottom": "14px",
          "left": "14px"
        },
        "radius": 7,
        "shadow": [
          {
            "hOffset": "1px",
            "vOffset": "5px",
            "blur": "18px",
            "spreed": "-1px",
            "color": "#0000001a",
            "isInset": false
          }
        ],
        "hShadow": [
          {
            "hOffset": "0px",
            "vOffset": "6px",
            "blur": "14px",
            "spreed": "-1px",
            "color": "#0000002e",
            "isInset": false
          }
        ],
        "borders": {
          "color": "#72aee6",
          "style": "solid",
          "width": "0px"
        }
      }
    },
    "modal": {
      "type": "object",
      "default": {
        "width": {
          "desktop": "50%",
          "tablet": "90%",
          "mobile": "100%"
        },
        "borders": {
          "top": {
            "color": "#2563eb",
            "style": "solid",
            "width": "3px"
          }
        },
        "radius": 7,
        "padding": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "outSColor": "#1e3a8acc",
        "inSColor": "#eff6ff"
      }
    },
    "closeIcon": {
      "type": "object",
      "default": {
        "color": "#1e3a8a",
        "hColor": "#1d4ed8"
      }
    },
    "title": {
      "type": "object",
      "default": {
        "tag": "h2",
        "typo": {
          "fontSize": {
            "desktop": 28,
            "tablet": 16,
            "mobile": 14
          },
          "fontWeight": 500,
          "lineHeight": "135%"
        },
        "color": "#000"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": [
    "file:./index.js"
  ],
  "editorStyle": [
    "file:./index.css"
  ],
  "style": [
    "file:./view.css"
  ],
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}