import {__} from '@wordpress/i18n'

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

const config: TailwindFeatureConfig = {
	id: 'transitionProperty',
	label: __('Transition property', 'ska-blocks'),
	settings: {
		none: 'none',
		all: 'all',
		DEFAULT: 'color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter',
		colors: 'color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to',
		opacity: 'opacity',
		shadow: 'box-shadow',
		transform: 'transform, translate, scale, rotate',
	},
	schema: [
		{
			key: 'default',
			options: [
				{
					key: KEY_BASE,
					className: 'transition',
				},
			],
		},
	],
}

export default config