import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldSize, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
import { Variant } from './types';
export type BadgeSelectDropdownProps = {
    options: SelectFieldDataItem[];
    value?: SelectFieldDataItem | null;
    variant?: Variant;
    colorButtonOpened?: string;
    className?: string;
    compactWidth?: boolean;
    modalStyles?: React.CSSProperties;
    size?: SelectFieldSize;
    search?: boolean;
    contentWidth?: number;
    searchPlaceholder?: string;
    openedModel?: string;
    onChange?: SelectFieldChangeEventHandler;
    onValueChange?: SelectFieldValueChangeEventHandler;
} & Omit<UseSelectFieldProps, 'onChange' | 'multiple' | 'onValueChange' | 'value'>;
export declare const BadgeSelectDropdown: import("react").MemoExoticComponent<({ options, value: initialValue, variant, colorButtonOpened, className, compactWidth, modalStyles, size, search, contentWidth, searchPlaceholder, openedModel, ...useSelectFieldProps }: BadgeSelectDropdownProps) => import("react/jsx-runtime").JSX.Element>;
export * from './styled';