import { createContext, useContext } from 'react';

export interface MenuContextValue {
  sectionName?: string;
}

const MenuContext = createContext<MenuContextValue | undefined>(undefined);

export const MenuContextProvider = MenuContext.Provider;

/**
 * Hook to access menu context values like sectionName.
 * Returns undefined if not within a MenuContext.Provider.
 */
export const useMenuContext = () => {
  return useContext(MenuContext);
};