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

export interface MenuCheckboxItemContextValue {
	checked: Accessor<boolean>;
	disabled: Accessor<boolean>;
	highlighted: Accessor<boolean>;
}

export const MenuCheckboxItemContext =
	createContext<MenuCheckboxItemContextValue | null>(null);

export function useMenuCheckboxItemContext(): MenuCheckboxItemContextValue {
	const ctx = useContext(MenuCheckboxItemContext);
	if (ctx == null) {
		throw new Error(
			"Base UI: MenuCheckboxItemContext is missing. <Menu.CheckboxItemIndicator> must be inside <Menu.CheckboxItem>.",
		);
	}
	return ctx;
}