import { SelectFieldChangeEventHandler, SelectFieldDataItem, 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;
    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, ...useSelectFieldProps }: BadgeSelectDropdownProps) => import("react/jsx-runtime").JSX.Element>;
export * from './styled';