import { ReactNode, CSSProperties } from 'react';
import { ExtendedRefs, FloatingContext } from '@floating-ui/react';
import { CSSValueWithLength } from '../../styles';
import { AriaFocusProps } from '../../types/common';
import { DropdownCompositeOption } from './types';
export interface DropdownCompositeOptionsProps<OptionValue> {
    className?: string;
    /**
     * 기본값으로 [ZIndexOrder](https://github.com/croquiscom/pds/blob/main/src/styles/zIndex.ts) 규칙을 적용합니다.
     * @default 1030
     */
    zIndex?: number;
    optionWidth?: CSSValueWithLength;
    noDataText?: ReactNode;
    initialFocus?: number;
    options: Array<DropdownCompositeOption<OptionValue>>;
    value?: OptionValue;
    onClose: () => void;
    keyExtractor?: (item: DropdownCompositeOption<OptionValue>, index: number) => string | number;
    onChange?: (value: OptionValue) => void;
    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;
    setFocusIndex?: (index: number) => void;
    onSubmit?: () => void;
    onReset?: () => void;
}
export declare const DropdownCompositeOptions: <OptionValue>({ className, zIndex, initialFocus, options, optionWidth, onClose, noDataText, value: valueProp, unstableFocusVisible, keyExtractor, onChange, focusIndex, context, getFloatingProps, getItemProps, floatingStyles, refs, setRefs, setFocusIndex, onSubmit, onReset, }: DropdownCompositeOptionsProps<OptionValue> & AriaFocusProps) => import("@emotion/react/jsx-runtime").JSX.Element;