import { type Accessor, createContext, useContext } from "solid-js";
import type { MenuRootChangeEventDetails } from "../root/menu-root-context";

export interface MenuRadioGroupContextValue {
	value: Accessor<unknown>;
	setValue: (value: unknown, details: MenuRadioGroupChangeEventDetails) => void;
	disabled: Accessor<boolean>;
}

export type MenuRadioGroupChangeEventDetails = MenuRootChangeEventDetails;

export const MenuRadioGroupContext =
	createContext<MenuRadioGroupContextValue | null>(null);

export function useMenuRadioGroupContext(): MenuRadioGroupContextValue {
	const ctx = useContext(MenuRadioGroupContext);
	if (ctx == null) {
		throw new Error(
			"Base UI: MenuRadioGroupContext is missing. <Menu.RadioItem> must be inside <Menu.RadioGroup>.",
		);
	}
	return ctx;
}