import { atom, useAtom } from 'jotai';

export type DRAWER_VIEW = 'CART_VIEW' | 'MOBILE_MENU';
const drawerAtom = atom({ isOpen: false, view: 'CART_VIEW' });

export function useDrawer() {
  const [state, setState] = useAtom(drawerAtom);
  const openDrawer = (view: DRAWER_VIEW) =>
    setState({ ...state, isOpen: true, view });
  const closeDrawer = () => setState({ ...state, isOpen: false });
  return {
    ...state,
    openDrawer,
    closeDrawer,
  };
}