import {__} from '@wordpress/i18n'

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

const config: TailwindFeatureConfig = {
	id: 'transitionDuration',
	label: __('Transition duration', 'ska-blocks'),
	settings: {
		'initial': 'initial',
		'DEFAULT': '150ms',
		'75': '75ms',
		'100': '100ms',
		'150': '150ms',
		'200': '200ms',
		'300': '300ms',
		'500': '500ms',
		'700': '700ms',
		'1000': '1000ms',
	},
	supports: {
		bare: true,
	},
	schema: [
		{
			key: 'default',
			options: [
				{
					key: KEY_BASE,
					className: 'duration',
				},
			],
		},
	],
}

export default config