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

export interface RadioGroupContextValue {
	ariaDescribedBy: Accessor<string | undefined>;
	isSelectedValue: (value: string) => boolean;
	setSelectedValue: (value: string) => void;
}

export const RadioGroupContext = createContext<RadioGroupContextValue>();

export function useRadioGroupContext() {
	const context = useContext(RadioGroupContext);

	if (context === undefined) {
		throw new Error(
			"[kobalte]: `useRadioGroupContext` must be used within a `RadioGroup` component",
		);
	}

	return context;
}