import React, { PropsWithChildren } from 'react';
import { CSSValueWithLength } from '../../styles';
import { InputSize } from '../input/types';
import { DropdownLabelProps } from '../dropdown/DropdownLabel';
export interface ChipsDropdownOption<OptionValue> {
    label: string;
    value: OptionValue;
}
export interface CategorySelectorDropdownProps<OptionValue> {
    /**
     * Input 너비를 지정할 수 있습니다.
     * @default 300
     */
    width?: CSSValueWithLength;
    /** @default getZIndex('dropdown') */
    zIndex?: number;
    /** @default 'medium' */
    size?: InputSize;
    disabled?: boolean;
    /**
     * @deprecated 레거시 categoriesByLevels props 사용시에만 사용해주세요.
     */
    selectedOptions?: Array<ChipsDropdownOption<OptionValue>>;
    /**
     *
     * multiple true일 경우에만 optionChip 변경 이벤트를 전달합니다.
     */
    onOptionValuesChange?: (values: Array<OptionValue>) => void;
    placeholder?: string;
    status?: DropdownLabelProps['status'];
    /**
     * Popover 바깥 영역 클릭시 팝업 닫기 여부
     * @default false
     * */
    canClickOutside?: boolean;
    /**
     * multiple 모드 여부, true일 경우 DropdownChipLabel 사용, false일 경우 DropdownLabel 사용
     * @default false
     */
    multiple?: boolean;
}
export declare const CategorySelectorDropdown: <OptionValue extends string | number>({ children, width, zIndex, disabled, selectedOptions, onOptionValuesChange, placeholder, status, size: sizeProp, canClickOutside, multiple: multipleProp, }: React.PropsWithChildren<CategorySelectorDropdownProps<OptionValue>>) => import("@emotion/react/jsx-runtime").JSX.Element;