import { createReactContext } from '@wener/reaction';
import { createStore } from 'zustand';
import { mutative } from 'zustand-mutative';

export type DaisyThemeStoreState = {
	theme?: 'system' | 'light' | 'dark' | 'custom' | string;
	light?: string;
	dark?: string;

	system?: 'light' | 'dark' | string;
	custom?: Record<string, any>;
	schema?: 'light' | 'dark';

	active?: string;
};

type ThemeStore = ReturnType<typeof createThemeStore>;

function createThemeStore() {
	return createStore(
		mutative<DaisyThemeStoreState>(() => {
			return {
				theme: 'system',
				light: 'light',
				dark: 'dark',
				// light: 'corporate',
				// dark: 'business',
			};
		}),
	);
}

export const DaisyThemeStoreContext = createReactContext<ThemeStore>('DaisyThemeStore', createThemeStore());