import {__} from '@wordpress/i18n'

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

const config: TailwindFeatureConfig = {
	id: 'fontStretch',
	label: __('Font stretch', 'ska-blocks'),
	settings: {
		'normal': 'normal',
		'ultra-condensed': 'ultra-condensed',
		'extra-condensed': 'extra-condensed',
		'condensed': 'condensed',
		'semi-condensed': 'semi-condensed',
		'semi-expanded': 'semi-expanded',
		'expanded': 'expanded',
		'extra-expanded': 'extra-expanded',
		'ultra-expanded': 'ultra-expanded',
		'50%': '50%',
		'75%': '75%',
		'90%': '90%',
		'95%': '95%',
		'100%': '100%',
		'105%': '105%',
		'110%': '110%',
		'125%': '125%',
		'150%': '150%',
		'200%': '200%',
	},
	supports: {
		bare: true,
	},
	schema: [
		{
			key: 'default',
			options: [
				{
					key: KEY_BASE,
					className: 'font-stretch',
				},
			],
		},
	],
}

export default config