import { __ } from '@wordpress/i18n';

export const TEMPLATE = [
	[
		'spectra-pro/loop-builder-child-filter',
		{
			style: {
				spacing: {
					blockGap: 'var:preset|spacing|20',
				},
			},
			responsiveControls: {
				lg: {
					style: {
						spacing: {
							blockGap: 'var:preset|spacing|20',
						},
					},
				},
			},
		},
	],
	[ 'spectra-pro/loop-builder-child-sort' ],
	[ 'spectra-pro/loop-builder-child-search' ],
	[
		'spectra-pro/loop-builder-child-reset-all-button',
		{
			text: __( 'Reset', 'spectra-pro' ),
			style: {
				spacing: {
					padding: {
						top: 'var:preset|spacing|20',
						right: 'var:preset|spacing|20',
						bottom: 'var:preset|spacing|20',
						left: 'var:preset|spacing|20',
					},
					blockGap: 'var:preset|spacing|20',
				},
				border: {
					radius: '0.3em',
				},
			},
			responsiveControls: {
				lg: {
					style: {
						spacing: {
							padding: {
								top: 'var:preset|spacing|20',
								right: 'var:preset|spacing|20',
								bottom: 'var:preset|spacing|20',
								left: 'var:preset|spacing|20',
							},
							blockGap: 'var:preset|spacing|20',
						},
						border: {
							radius: '0.3em',
						},
					},
				},
			},
		},
	],
	[ 'spectra-pro/loop-builder-child-template' ],
	[
		'spectra-pro/loop-builder-child-pagination',
		{
			style: {
				spacing: {
					blockGap: 'var:preset|spacing|20',
				},
			},
			responsiveControls: {
				lg: {
					style: {
						spacing: {
							blockGap: 'var:preset|spacing|20',
						},
					},
				},
			},
		},
	],
	[ 'spectra-pro/loop-builder-child-no-results' ],
];
