import { type Dispatch, type Ref, type SetStateAction } from "react";
import type { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
export interface ValueSelectorProps {
    isOpen: boolean;
    anchorElement: HTMLElement | null;
    popperRef: Ref<HTMLDivElement>;
    inputValue?: string;
    categories: QueryInputCategory[];
    selectedCategory: QueryInputCategory | null;
    onSelectedCategoryChange: (category: QueryInputCategory | null) => void;
    width: number;
    selectedItems: QueryInputItem[];
    onValueToggle: (category: QueryInputCategory, value: string) => void;
    onSearchListChange: (items: QueryInputItem[]) => void;
    highlightedIndex?: number;
    visibleCategories: QueryInputCategory[];
    highlightedCategoryIndex?: number;
    highlightedValueIndex?: number;
    setHighlightedIndex: Dispatch<SetStateAction<number>>;
    setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
    setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
}
export declare function ValueSelector(props: ValueSelectorProps): import("react/jsx-runtime").JSX.Element | null;