import * as React from 'react';
import { WithStyles } from '../withStyles';
import styles from './MultiSelectField.styles';
import { MultiSelectFieldOptionProps } from './MultiSelectFieldOption';
declare type MultiSelectFieldChild = React.ReactElement<MultiSelectFieldOptionProps>;
interface MultiSelectFieldProps extends WithStyles<typeof styles> {
    label: string;
    value: string[];
    disabled?: boolean;
    error?: boolean;
    helperText?: React.ReactNode;
    onChange: (value: string[]) => void;
    onBlur: (e: React.FocusEvent<any>) => void;
    children?: MultiSelectFieldChild[];
}
interface MultiSelectFieldState {
    orderedChildren: MultiSelectFieldChild[];
}
export declare class MultiSelectField extends React.Component<MultiSelectFieldProps, MultiSelectFieldState> {
    static defaultProps: Partial<MultiSelectFieldProps>;
    static getDerivedStateFromProps(props: MultiSelectFieldProps, state: MultiSelectFieldState): {
        orderedChildren: React.ReactElement<MultiSelectFieldOptionProps>[];
    };
    state: MultiSelectFieldState;
    render(): JSX.Element;
}
declare const _default: (React.ComponentClass<Pick<Pick<MultiSelectFieldProps, never> & Partial<Pick<MultiSelectFieldProps, "disabled" | "classes" | "innerRef" | "children" | "label" | "onBlur" | "onChange" | "value" | "error" | "helperText">> & Partial<Pick<Partial<MultiSelectFieldProps>, never>>, "disabled" | "children" | "label" | "onBlur" | "onChange" | "value" | "error" | "helperText"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>, any> & {
    Option: React.ComponentType<Pick<MultiSelectFieldOptionProps & {
        children?: React.ReactNode;
    }, "disabled" | "children" | "label" | "onClick" | "value" | "checked"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>>;
}) | (React.FunctionComponent<Pick<Pick<MultiSelectFieldProps, never> & Partial<Pick<MultiSelectFieldProps, "disabled" | "classes" | "innerRef" | "children" | "label" | "onBlur" | "onChange" | "value" | "error" | "helperText">> & Partial<Pick<Partial<MultiSelectFieldProps>, never>>, "disabled" | "children" | "label" | "onBlur" | "onChange" | "value" | "error" | "helperText"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>> & {
    Option: React.ComponentType<Pick<MultiSelectFieldOptionProps & {
        children?: React.ReactNode;
    }, "disabled" | "children" | "label" | "onClick" | "value" | "checked"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>>;
});
export default _default;