{
	"$schema": "https://schemas.wp.org/trunk/block.json",
	"apiVersion": 3,
	"name": "blockish/icon",
	"version": "1.0.0",
	"title": "Icon",
	"category": "blockish-framework",
	"description": "Display a single icon with customizable style.",
	"example": {
		"attributes": {
			"preview": true
		}
	},
	"attributes": {
		"icon": {
			"type": "object",
			"default": {
				"viewBox": [
					0,
					0,
					576,
					512
				],
				"path": "M288.1-32c9 0 17.3 5.1 21.4 13.1L383 125.3 542.9 150.7c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L441.7 305.9 467 465.8c1.4 8.9-2.3 17.9-9.6 23.2s-17 6.1-25 2L288.1 417.6 143.8 491c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2L134.4 305.9 20 191.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4 73.6-144.2c4.1-8 12.4-13.1 21.4-13.1zm0 76.8L230.3 158c-3.5 6.8-10 11.6-17.6 12.8l-125.5 20 89.8 89.9c5.4 5.4 7.9 13.1 6.7 20.7l-19.8 125.5 113.3-57.6c6.8-3.5 14.9-3.5 21.8 0l113.3 57.6-19.8-125.5c-1.2-7.6 1.3-15.3 6.7-20.7l89.8-89.9-125.5-20c-7.6-1.2-14.1-6-17.6-12.8L288.1 44.8z"
			}
		},
		"link": {
			"type": "object"
		},
		"alignment": {
			"type": "object",
			"default": {
				"Desktop": "center"
			},
			"selectors": {
				".{{WRAPPER}}": "text-align: {{VALUE}};"
			}
		},
		"size": {
			"type": "object",
			"selectors": {
				".{{WRAPPER}} svg": "width: {{VALUE}}; height: {{VALUE}};"
			}
		},
		"color": {
			"type": "string",
			"selectors": {
				".{{WRAPPER}} svg": "fill: {{VALUE}};"
			}
		},
		"hoverColor": {
			"type": "string",
			"selectors": {
				".{{WRAPPER}} svg:hover": "fill: {{VALUE}};"
			}
		},
		"rotation": {
			"type": "object",
			"selectors": {
				".{{WRAPPER}} svg": "transform: rotate({{VALUE}}deg);"
			}
		},
		"rotationHover": {
			"type": "object",
			"selectors": {
				".{{WRAPPER}} svg:hover": "transform: rotate({{VALUE}}deg);"
			}
		}
	},
	"supports": {
		"html": true,
		"anchor": true,
		"align": [
			"wide",
			"full"
		]
	},
	"textdomain": "blockish",
	"editorScript": "file:./index.js",
	"editorStyle": "file:./index.css",
	"style": "file:./style-index.css"
}