/**
 * External dependencies.
 */
import { __ } from '@wordpress/i18n';

export const TEMPLATE = [
	[
		'spectra-pro/loop-builder-child-pagination-previous-button',
		{
			text: __( 'Previous', 'spectra-pro' ),
			showIcon: true,
			icon: 'angles-left',
			iconPosition: 'before',
			size: '15px',
			flipForRTL: true,
			gap: '0.625rem',
			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: {
					size: '15px',
					gap: '0.625rem',
					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-pagination-page-numbers-button',
		{
			text: __( '1 2 3 4 5 \u2026 7', 'spectra-pro' ),
			showIcon: false,
			midSize: 2,
			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-pagination-next-button',
		{
			text: __( 'Next', 'spectra-pro' ),
			icon: 'angles-right',
			showIcon: true,
			iconPosition: 'after',
			size: '15px',
			flipForRTL: true,
			gap: '0.625rem',
			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: {
					size: '15px',
					gap: '0.625rem',
					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',
						},
					},
				},
			},
		},
	],
];
