{
	"$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": {
				"typo": {
					"fontSize": {
						"desktop": 18,
						"tablet": 16,
						"mobile": 14
					},
					"fontWeight": 400,
					"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"
}