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

export interface ComboboxGroupContextValue {
	labelId: Accessor<string | undefined>;
	setLabelId: (id: string | undefined) => void;
}

export const ComboboxGroupContext =
	createContext<ComboboxGroupContextValue | null>(null);

export function useComboboxGroupContext(): ComboboxGroupContextValue {
	const ctx = useContext(ComboboxGroupContext);
	if (ctx == null) {
		throw new Error(
			"Base UI: ComboboxGroupContext is missing. <Combobox.GroupLabel> must be placed inside <Combobox.Group>.",
		);
	}
	return ctx;
}