import * as React from 'react'

import {
	createHigherOrderComponent,
} from '@wordpress/compose'

import {
	addFilter,
} from '@wordpress/hooks'

import {
	PresetsInspectorControls,
} from './components'

import type {
	InspectorControlsProps,
} from '../../tailwind/inspector-controls'

import './style.scss'

export * from './components'
export * from './hooks'
export * from './options'
export * from './util'
export * from './types'

const withPresetsInspectorControls = createHigherOrderComponent(
	(BaseInspectorControls: React.FC<InspectorControlsProps>) => (props: InspectorControlsProps) => {

		const {
			children,
			...restProps
		} = props

		return (
			<BaseInspectorControls {...restProps}>
				{children}
				<PresetsInspectorControls />
			</BaseInspectorControls>
		)
	},
	'withSkaBlocksPresetsInspectorControls'
)

export default () => {
	addFilter('ska.blocks.InspectorControls', 'ska-blocks/with-presets-controls', withPresetsInspectorControls)
}