import React, { CSSProperties } from 'react';
import { CSS } from "../config/stitches.config";
import { StyledSelectVariants } from "./select-styled";
export declare type SelectRef = {
    focus: () => void;
    blur: () => void;
    scrollTo?: (options?: ScrollToOptions) => void;
};
interface Props extends StyledSelectVariants {
    label?: string;
    disabled?: boolean;
    value?: string | string[];
    initialValue?: string | string[];
    placeholder?: React.ReactNode | string;
    icon?: React.ComponentType;
    onChange?: (value: string | string[]) => void;
    pure?: boolean;
    multiple?: boolean;
    clearable?: boolean;
    className?: string;
    block?: boolean;
    css?: CSS;
    dropdownClassName?: string;
    dropdownStyle?: CSSProperties;
    disableMatchWidth?: boolean;
    onDropdownVisibleChange?: (visible: boolean) => void;
    getPopupContainer?: () => HTMLElement | null;
}
declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
export declare type SelectProps = Props & NativeAttrs;
declare const Select: React.ForwardRefExoticComponent<Props & NativeAttrs & {
    children?: React.ReactNode;
} & React.RefAttributes<SelectRef>>;
export default Select;