'use client';

import { create } from 'zustand';
import { devtools } from 'zustand/middleware';

import { UIStore } from '@/types/stores';
import { createMainUiSlice } from '@/stores/ui/slices/main.slice';
import { createDrawerUISlice } from '@/stores/ui/slices/drawer.slice';

export const useUiStore = create<UIStore>()(
  devtools(
    (...args) => ({
      ...createMainUiSlice(...args),
      ...createDrawerUISlice(...args),
    }),
    {
      name: 'UIStore',
    }
  )
);