import { ReactNode, CSSProperties } from 'react';
type Value = string | number;
export interface OptionWithIcon {
    value: string;
    label: string;
    icon?: ReactNode;
}
export interface SelectWithIconProps {
    id?: string;
    name?: string;
    disabled?: boolean;
    defaultOpen?: boolean;
    open?: boolean;
    defaultValue?: Value;
    value?: Value;
    placeholder?: string;
    options?: OptionWithIcon[];
    style?: CSSProperties;
    className?: string;
    optionClassName?: string;
    popoverClassName?: string;
    state?: "default" | "error" | "warning";
    onSelect?: (value: Value) => void;
    onOpen?: () => void;
    onClose?: () => void;
    onFocus?: () => void;
    onBlur?: () => void;
}
export declare const SelectWithIcon: import('react').ForwardRefExoticComponent<SelectWithIconProps & import('react').RefAttributes<HTMLDivElement>>;
export {};
