/**
 * FAQ Outer Block
 */
import { title, content } from '../../utils/example-data';
import { ReactComponent as Icon } from './icon.svg';
import deprecated from './deprecated/index';
import edit from './edit';
import metadata from './block.json';
import save from './save';
import { __ } from '@wordpress/i18n';

const { name } = metadata;

export { metadata, name };

export const settings = {
	icon: <Icon />,
	styles: [
		{
			name: 'vk_faq-normal',
			label: __('Normal', 'vk-blocks'),
			isDefault: true,
		},
		{
			name: 'vk_faq-bgfill-circle',
			label: __('Bgfill Circle', 'vk-blocks'),
		},
		{
			name: 'vk_faq-bgfill-square',
			label: __('Bgfill Square', 'vk-blocks'),
		},
		{
			name: 'vk_faq-bgfill-rounded',
			label: __('Bgfill Rounded', 'vk-blocks'),
		},
		{
			name: 'vk_faq-border-circle',
			label: __('Border Circle', 'vk-blocks'),
		},
		{
			name: 'vk_faq-border-square',
			label: __('Border Square', 'vk-blocks'),
		},
		{
			name: 'vk_faq-border-rounded',
			label: __('Border Rounded', 'vk-blocks'),
		},
	],
	example: {
		innerBlocks: [
			{
				name: 'vk-blocks/faq2-q',
				innerBlocks: [
					{
						name: 'core/paragraph',
						attributes: {
							content: title,
						},
					},
				],
			},
			{
				name: 'vk-blocks/faq2-a',
				innerBlocks: [
					{
						name: 'core/paragraph',
						attributes: {
							content,
						},
					},
				],
			},
		],
	},
	edit,
	save,
	deprecated,
};
