import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
import { GroupTypeBase, OptionTypeBase } from 'react-select';
import ReactSelect from 'react-select/src/Select';
export type OptionProps = {
    title?: string;
    disabled?: boolean;
    icon?: ReactNode;
    children?: ReactNode;
    value: string;
    disabledReason?: ReactNode;
};
export declare function Option({ value, children, disabled, icon, disabledReason, ...rest }: OptionProps): JSX.Element;
export interface SelectRef<OptionType extends OptionTypeBase, IsMulti extends boolean, GroupType extends GroupTypeBase<OptionType>> {
    select: ReactSelect<OptionType, IsMulti, GroupType> | null;
    focus: () => void;
    blur: () => void;
    openMenu: () => void;
    closeMenu: () => void;
    setValue: (value: string) => void;
    clearValue: () => void;
}
export type SelectProps = {
    id: string;
    placeholder?: string;
    disabled?: boolean;
    children?: ReactNode;
    value?: string;
    onFocus?: (event: FocusEvent) => void;
    onBlur?: (event: FocusEvent) => void;
    onChange: (newValue: string) => void;
    variant?: 'default' | 'rounded';
    size?: '1' | '2/3' | '1/2' | '1/3';
    className?: string;
    /** use menuPositon='fixed' inside modal to avoid display issue */
    menuPosition?: 'fixed' | 'absolute';
};
type SelectComponentType<OptionType extends OptionTypeBase, IsMulti extends boolean, GroupType extends GroupTypeBase<OptionType>> = ForwardRefExoticComponent<SelectProps & RefAttributes<SelectRef<OptionType, IsMulti, GroupType>>> & {
    Option: typeof Option;
};
export declare const Select: SelectComponentType<OptionTypeBase, boolean, GroupTypeBase<OptionTypeBase>>;
export {};
//# sourceMappingURL=Selectv2.component.d.ts.map