{
	"$schema": "https://schemas.wp.org/trunk/block.json",
	"apiVersion": 3,
	"name": "docsy/faq-block",
	"version": "0.1.0",
	"title": "FAQ Block",
	"category": "theme",
	"icon": "editor-help",
	"description": "Example block scaffolded with Create Block tool.",
	"example": {},
	"supports": {
		"html": false,
		"align": [
			"wide",
			"full"
		]
	},
	"textdomain": "docsy",
	"editorScript": "file:./index.js",
	"editorStyle": "file:./index.css",
	"style": "file:./style.css",
	"render": "file:./render.php",
	"viewScript": "file:./view.js",
	"attributes": {
		"faqs": {
			"type": "array",
			"default": [
				{
					"question": "How do I create my first booking?",
					"answer": "To create your first booking, navigate to the dashboard and click \"New Booking\". Follow the setup wizard to configure your service details, availability, and pricing options."
				},
				{
					"question": "Can I customize the booking form design?",
					"answer": "Yes! You can fully customize your booking form's appearance including colors, fonts, and layout to match your brand. Access the customization options in Settings > Appearance."
				},
				{
					"question": "How do payment processing and fees work?",
					"answer": "We integrate with major payment processors like Stripe and PayPal. Transaction fees vary by payment method, typically 2.9% + 30¢ per transaction. You can view detailed fee structures in your billing settings."
				},
				{
					"question": "Is there a mobile app available?",
					"answer": "Currently, we offer a fully responsive web application that works seamlessly on mobile devices. Native mobile apps for iOS and Android are planned for future release."
				},
				{
					"question": "How can I integrate with my existing website?",
					"answer": "Integration is simple! You can embed booking forms using our widget code, use our WordPress plugin, or integrate via our REST API. Detailed integration guides are available in our documentation."
				}
			],
			"items": {
				"type": "object",
				"properties": {
					"question": {
						"type": "string"
					},
					"answer": {
						"type": "string"
					}
				}
			}
		},
		"backgroundColor": {
			"type": "string",
			"default": "#FFFFFF"
		},
		"headerTitle": {
			"type": "string",
			"default": "Frequently Asked Questions"
		},
		"headerSubtitle": {
			"type": "string",
			"default": "Quick answers to common questions"
		},
		"headerTitleColor": {
			"type": "string",
			"default": "#111827"
		},
		"headerSubtitleColor": {
			"type": "string",
			"default": "#4B5563"
		},
		"padding": {
			"type": "string",
			"default": "2rem 1rem"
		},
		"borderRadius": {
			"type": "string",
			"default": "0px"
		},
		"boxShadow": {
			"type": "string",
			"default": "none"
		},
		"textAlign": {
			"type": "string",
			"default": "left"
		},
		"headerTextAlign": {
			"type": "string",
			"default": "center"
		},
		"questionColor": {
			"type": "string",
			"default": "#111827"
		},
		"answerColor": {
			"type": "string",
			"default": "#4B5563"
		},
		"gap": {
			"type": "string",
			"default": "2rem"
		},
		"faqItemBg": {
			"type": "string",
			"default": "#FFFFFF"
		},
		"faqItemBorder": {
			"type": "string",
			"default": "#E5E7EB"
		},
		"faqItemHoverBg": {
			"type": "string",
			"default": "#F9FAFB"
		},
		"iconColor": {
			"type": "string",
			"default": "#9CA3AF"
		},
		"faqItemRadius": {
			"type": "string",
			"default": "0.5rem"
		},
		"headerTitleFontSize": {
			"type": "number",
			"default": 30
		},
		"headerTitleFontWeight": {
			"type": "string",
			"default": "700"
		},
		"headerSubtitleFontSize": {
			"type": "number",
			"default": 18
		},
		"questionFontSize": {
			"type": "number",
			"default": 18
		},
		"questionFontWeight": {
			"type": "string",
			"default": "600"
		},
		"answerFontSize": {
			"type": "number",
			"default": 16
		},
		"containerMaxWidth": {
			"type": "string",
			"default": "896"
		},
		"containerPaddingTop": {
			"type": "string",
			"default": "32"
		},
		"containerPaddingBottom": {
			"type": "string",
			"default": "48"
		},
		"containerPaddingLeft": {
			"type": "string",
			"default": "16"
		},
		"containerPaddingRight": {
			"type": "string",
			"default": "16"
		},
		"sectionMarginTop": {
			"type": "string",
			"default": "0"
		},
		"sectionMaxWidth": {
			"type": "string",
			"default": "1920"
		}
	}
}