"use client";

import { createContext, useContext } from "react";

export type MobileMenuCtx = {
  open: boolean;
  toggle: () => void;
  close: () => void;
};

const MobileMenuContext = createContext<MobileMenuCtx | null>(null);

export const MobileMenuProvider = MobileMenuContext.Provider;

export function useMobileMenu(): MobileMenuCtx {
  const ctx = useContext(MobileMenuContext);
  if (!ctx) {
    throw new Error("useMobileMenu must be used within HeaderShell");
  }
  return ctx;
}