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

/**
 * Context shared between `<Combobox.Chips>` and its descendant
 * `<Combobox.Chip>` / `<Combobox.ChipRemove>` parts. The context is
 * optional — the combobox can be rendered without chips (single-select),
 * so `useContext` returns `null` when there's no `<Combobox.Chips>`
 * ancestor. Callers that require it (Chip / ChipRemove) throw.
 */
export interface ComboboxChipsContextValue {
	highlightedChipIndex: Accessor<number | undefined>;
	setHighlightedChipIndex: (next: number | undefined) => void;
	chipsRef: MutableRef<Array<HTMLElement | null>>;
}

export const ComboboxChipsContext =
	createContext<ComboboxChipsContextValue | null>(null);

export function useComboboxChipsContext(): ComboboxChipsContextValue | null {
	return useContext(ComboboxChipsContext);
}