import * as React from 'react';
import { WithStyles } from '../withStyles';
import styles from './ColorField.styles';
interface ColorFieldProps extends WithStyles<typeof styles> {
    /** The label of the field */
    label?: React.ReactNode;
    /** The value of the field */
    value?: string;
    /** Set to true to disable in the input */
    disabled?: boolean;
    /** Set to true to make the button expand to it's container */
    fullWidth?: boolean;
    testId?: string;
    /** Called when the value changes */
    onChange?: (value: string) => any;
}
interface ColorFieldState {
    open: boolean;
}
interface Color {
    hex: string;
    rgb: {
        r: number;
        g: number;
        b: number;
        a: number;
    };
}
export declare class ColorField extends React.Component<ColorFieldProps, ColorFieldState> {
    static defaultProps: {
        error: boolean;
        disabled: boolean;
        onChange: () => void;
    };
    state: {
        open: boolean;
    };
    openPicker: () => void;
    closePicker: () => void;
    handleChange: ({ rgb, hex }: Color) => void;
    render(): JSX.Element;
}
declare const _default: React.ComponentType<Pick<Pick<ColorFieldProps, "classes" | "innerRef" | "label" | "fullWidth" | "testId" | "value"> & Partial<Pick<ColorFieldProps, "disabled" | "onChange">> & Partial<Pick<{
    error: boolean;
    disabled: boolean;
    onChange: () => void;
}, "error">>, "disabled" | "label" | "fullWidth" | "testId" | "onChange" | "value" | "error"> & import("@material-ui/core/styles/withStyles").StyledComponentProps<string>>;
export default _default;