import { ReactNode, CSSProperties } from 'react';
import { ExtendedRefs, FloatingContext } from '@floating-ui/react';
import { AriaFocusProps } from '../../types/common';
import { DropdownInputOption, DropdownOption } from './types';
import { InputSize } from '../input/types';
export interface DropdownOptionsProps<OptionValue> {
    className?: string;
    /** @default getZIndex('dropdown') */
    zIndex?: number;
    noDataText?: ReactNode;
    initialFocus?: number;
    /** @default 'medium' */
    size?: InputSize;
    optionItemHeight?: number;
    options: Array<DropdownOption<OptionValue> | DropdownInputOption<OptionValue>>;
    placeholder?: string;
    value?: OptionValue;
    onClose: () => void;
    keyExtractor?: (item: DropdownOption<OptionValue>, index: number) => string | number;
    onChange?: (value: OptionValue) => void;
    renderLabel?: (selectedOption: DropdownOption<OptionValue>) => ReactNode;
    focusIndex?: number | null;
    getFloatingProps: (props: Record<string, unknown>) => Record<string, unknown>;
    getItemProps: (props: Record<string, unknown>) => Record<string, unknown>;
    context: FloatingContext;
    floatingStyles: CSSProperties;
    refs: ExtendedRefs<Element>;
    setRefs: (node: HTMLElement | null, index: number) => void;
    isPositioned?: boolean;
    setFocusIndex?: (index: number) => void;
    enableVirtualScroll?: boolean;
}
export declare const DropdownOptions: <OptionValue extends string | number>({ className, zIndex, size: sizeProp, optionItemHeight, initialFocus, options, onClose, noDataText, value: valueProp, unstableFocusVisible, keyExtractor, onChange, focusIndex, context, getFloatingProps, getItemProps, floatingStyles, refs, setRefs, isPositioned, setFocusIndex, enableVirtualScroll, }: DropdownOptionsProps<OptionValue> & AriaFocusProps) => import("@emotion/react/jsx-runtime").JSX.Element;