import React from 'react';
import { IntlShape } from 'react-intl';
import { ContainerProps, GroupHeadingProps, OptionProps, ValueContainerProps } from 'react-select';
import { BorderProps, BorderRadiusProps, LayoutProps, SpaceProps, TypographyProps } from 'styled-system';
/**
 * Binds our custom theme and wordings to a regular `react-select`'s `Select`.
 * See https://react-select.com for more documentation.
 */
export declare const makeStyledSelect: (SelectComponent: any) => import("styled-components").StyledComponent<any, any, object & {
    isSearchable: any;
    menuPortalTarget: any;
    isDisabled: any;
    placeholder: any;
    loadingMessage: () => any;
    noOptionsMessage: any;
    components: Partial<any> | {
        SelectContainer: ({ innerProps, ...props }: ContainerProps) => React.JSX.Element;
        Option: ({ innerProps, ...props }: OptionProps & {
            'data-cy': string;
        }) => React.JSX.Element;
        MultiValue: ({ children, removeProps, ...props }: {
            [x: string]: any;
            children: any;
            removeProps: any;
        }) => React.JSX.Element;
        GroupHeading: ({ children, ...props }: GroupHeadingProps) => React.JSX.Element;
        ValueContainer: ({ children, ...rest }: ValueContainerProps) => React.JSX.Element;
    };
    instanceId: any;
    theme: any;
    onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
    styles: {
        valueContainer: (baseStyles: any) => any;
        control: (baseStyles: any, state: any) => any;
        option: (baseStyles: any, state: any) => any;
        singleValue: (baseStyles: any) => any;
        menu: (baseStyles: any) => any;
        menuList: (baseStyles: any) => any;
        indicatorSeparator: () => {
            display: string;
        };
        clearIndicator: (baseStyles: any) => any;
        dropdownIndicator: (baseStyles: any) => any;
        menuPortal: (baseStyles: any) => any;
        input: (baseStyles: any) => any;
    };
}, string | number | symbol>;
export type StyledSelectProps = LayoutProps & TypographyProps & BorderProps & BorderRadiusProps & SpaceProps & {
    intl: IntlShape;
    /** Alias for isDisabled */
    inputId: string;
    name?: string;
    placeholder?: React.ReactNode;
    disabled?: boolean;
    required?: boolean;
    useSearchIcon?: boolean;
    hideDropdownIndicator?: boolean;
    hideMenu?: boolean;
    error?: boolean;
    style?: Record<string, unknown>;
    styles?: Record<string, unknown>;
    onBlur?: Function;
    onChange?: Function;
    formatOptionLabel?: Function;
    isLoading?: boolean;
    isSearchable?: boolean;
    isClearable?: boolean;
    options?: any;
    value?: any;
    defaultValue?: any;
    menuPlacement?: 'auto' | 'bottom' | 'top';
    components?: Record<string, React.ReactNode | React.Component | React.FunctionComponent>;
    closeMenuOnSelect?: boolean;
    hideSelectedOptions?: boolean;
    isMulti?: boolean;
    onInputChange?: Function;
};
declare const _default: React.FC<import("react-intl").WithIntlProps<StyledSelectProps>> & {
    WrappedComponent: React.ComponentType<StyledSelectProps>;
};
export default _default;