import {
	createUseEditedOptions,
	createUseOptions,
	createUseOptionsEdit,
} from '@ska/plugin'

type TailwindOptions = {
	[key: string]: any
}

// @ts-expect-error
const initialState = (window?.ska_blocks?.tailwind4 || {}) as TailwindOptions

const ROOT_KEY = 'ska_blocks_tailwind4'

export const useTailwindOptions = createUseOptions<TailwindOptions>(ROOT_KEY, initialState)
export const useTailwindEditedOptions = createUseEditedOptions<TailwindOptions>(ROOT_KEY, initialState)
export const useTailwindOptionsEdit = createUseOptionsEdit<TailwindOptions>(ROOT_KEY, initialState)