import * as React from 'react';
import { Props as CreatableSelectProps } from 'react-select/lib/Creatable';
import { TextFieldProps } from '@material-ui/core/TextField';
import { Theme, WithStyles } from '@material-ui/core/styles';
import { ValueType } from 'react-select/lib/types';
import { OptionProps } from 'react-select/lib/components/Option';
import './Autocomplete.scss';
declare const styles: ({ spacing, palette, transitions }: Theme) => Record<"input" | "valueContainer" | "valueContainerWithItems" | "chipFocused" | "chip" | "noOptionsMessage" | "menuItem" | "placeholder" | "inputUnderline" | "inputUnderlineDisabled" | "outlinedInput" | "filledInput" | "dropdownChevron" | "dropdownChevronFocused", import("@material-ui/styles").CSSProperties | (() => import("@material-ui/styles").CSSProperties)>;
interface IDefaultOptionType {
    label: string;
    value: string;
}
export interface IProps<OptionType = IDefaultOptionType> extends WithStyles<typeof styles>, CreatableSelectProps<OptionType> {
    chipAvatar?: (d: OptionType) => React.ReactNode;
    groupBy?: (d: OptionType) => string | undefined | null;
    creatable?: boolean;
    selection?: string | ValueType<OptionType>;
    onChange?: (val: ValueType<OptionType>) => void;
    optionRenderer?: (props: OptionProps<OptionType>) => JSX.Element;
    errorText?: string;
    visibleRows?: number;
    rowHeight?: number;
    disabled?: boolean;
    textFieldProps?: TextFieldProps;
    label?: string;
}
export declare function Autocomplete<OptionType = IDefaultOptionType>(props: IProps<OptionType>): JSX.Element;
declare function Wrapper<OptionType>(props: Pick<IProps<OptionType>, Exclude<keyof IProps<OptionType>, 'classes'>> & {
    classes?: Partial<WithStyles<typeof styles>['classes']>;
}): JSX.Element;
export default Wrapper;
