import { type Accessor, createContext, useContext } from "solid-js";
import type { MutableRef } from "../../internals/floating-ui/types";

export interface SelectItemContextValue {
	selected: Accessor<boolean>;
	selectedByFocus: Accessor<boolean>;
	hasRegistered: Accessor<boolean>;
	indexRef: MutableRef<number>;
	textRef: MutableRef<HTMLElement | null>;
}

export const SelectItemContext = createContext<SelectItemContextValue | null>(
	null,
);

export function useSelectItemContext(): SelectItemContextValue {
	const v = useContext(SelectItemContext);
	if (v == null) {
		throw new Error(
			"Base UI: SelectItemContext is missing. Item parts must be placed within <Select.Item>.",
		);
	}
	return v;
}