import { useContext } from "react";

import { useStore } from "zustand";

import { StoreContext } from "../providers/store-provider";
import type { MenuStore } from "../store/menu-store";

export const useMenuStore = <T>(selector: (store: MenuStore) => T): T => {
  const storeContext = useContext(StoreContext);

  if (!storeContext) {
    throw new Error("useMenuStore must be used within StoreProvider");
  }

  return useStore(storeContext.menuStore, selector);
};