import { createContext, useContext } from "solid-js";

export interface MenuGroupContextValue {
	setLabelId: (id: string | undefined) => void;
}

export const MenuGroupContext = createContext<MenuGroupContextValue | null>(
	null,
);

export function useMenuGroupContext(): MenuGroupContextValue {
	const ctx = useContext(MenuGroupContext);
	if (ctx == null) {
		throw new Error(
			"Base UI: MenuGroupContext is missing. <Menu.GroupLabel> must be inside <Menu.Group>.",
		);
	}
	return ctx;
}