import React from 'react';
import { ButtonSize, BCDropListOptionsType } from '../constants';
import { SerializedStyles } from '@emotion/react';
export declare const DropListButtonStyle: SerializedStyles;
export declare const DropListMenuStyle: SerializedStyles;
export interface BCDropListProps {
    className?: string;
    selected?: string;
    options: BCDropListOptionsType[];
    onSelectOption: (value?: string) => void;
    noEmpty?: boolean;
    emptyText?: string;
    placeholder?: string;
    buttonSize?: ButtonSize;
    rtl?: boolean;
    icon?: React.ReactNode;
    containerCss?: SerializedStyles;
    buttonCss?: SerializedStyles;
    dropDownContentCss?: SerializedStyles;
    loading?: boolean;
    disabled?: boolean;
    allowCreate?: boolean;
    onCreateNew?: (value: string) => void;
    createPlaceholder?: string;
    addText?: string;
    createText?: string;
    id?: string;
    searchable?: boolean;
    searchPlaceholder?: string;
    usePortal?: boolean;
    keepOpenOnSelect?: boolean;
}
export declare function BCDropList({ className, selected, options, onSelectOption, noEmpty, placeholder, emptyText, buttonSize, rtl, icon, containerCss, buttonCss, dropDownContentCss, loading, disabled, allowCreate, onCreateNew, createPlaceholder, addText, createText, id, searchable, searchPlaceholder, usePortal, keepOpenOnSelect, }: BCDropListProps): import("@emotion/react/jsx-runtime").JSX.Element;
export default BCDropList;