import {__} from '@wordpress/i18n'

import flexBasis from './flexBasis'
import flexDirection from './flexDirection'
import flexWrap from './flexWrap'
import flex from './flex'
import flexGrow from './flexGrow'
import flexShrink from './flexShrink'
import order from './order'
import gridTemplateColumns from './gridTemplateColumns'
import gridTemplateRows from './gridTemplateRows'
import gridColumnStartEnd from './gridColumnStartEnd'
import gridColumn from './gridColumn'
import gridRowStartEnd from './gridRowStartEnd'
import gridRow from './gridRow'
import gridAutoFlow from './gridAutoFlow'
import gridAutoColumns from './gridAutoColumns'
import gridAutoRows from './gridAutoRows'
import gap from './gap'
import justifyContent from './justifyContent'
import justifyItems from './justifyItems'
import justifySelf from './justifySelf'
import alignContent from './alignContent'
import alignItems from './alignItems'
import alignSelf from './alignSelf'
import placeContent from './placeContent'
import placeItems from './placeItems'
import placeSelf from './placeSelf'

import type {TailwindFeatureGroupConfig} from '../../TailwindFeatureGroup'

const config: TailwindFeatureGroupConfig = {
	id: 'flexboxAndGrid',
	label: __('Flexbox & grid', 'ska-blocks'),
	features: [
		flexBasis,
		flexDirection,
		flexWrap,
		flex,
		flexGrow,
		flexShrink,
		order,
		gridTemplateColumns,
		gridTemplateRows,
		gridColumnStartEnd,
		gridColumn,
		gridRowStartEnd,
		gridRow,
		gridAutoFlow,
		gridAutoColumns,
		gridAutoRows,
		gap,
		justifyContent,
		justifyItems,
		justifySelf,
		alignContent,
		alignItems,
		alignSelf,
		placeContent,
		placeItems,
		placeSelf,
	],
}

export default config