import {__} from '@wordpress/i18n'

import {KEY_BASE} from '../../../attributes'
import type {TailwindFeatureConfig} from '../../TailwindFeature'

const config: TailwindFeatureConfig = {
	id: 'gap',
	label: __('Gap', 'ska-blocks'),
	themeKeys: ['--spacing'],
	supports: {
		bare: true,
	},
	schema: [
		{
			key: 'default',
			options: [
				{
					key: KEY_BASE,
					label: __('Gap', 'ska-blocks'),
					className: 'gap',
				},
				{
					key: 'column',
					label: __('Column gap', 'ska-blocks'),
					className: 'gap-x',
				},
				{
					key: 'row',
					label: __('Row gap', 'ska-blocks'),
					className: 'gap-y',
				},
			],
		},
	],
}

export default config