import * as React from 'react';
import { Placement, Triggers } from '../tooltip/util';
declare enum COLORS {
    PICKER_RED = "f35444",
    PICKER_ORANGE = "f89940",
    PICKER_GREEN = "57b11f",
    PICKER_BLUE = "2980b9",
    PICKER_PINK = "f87cac",
    PICKER_YELLOW = "fcdd2a",
    PICKER_LIME = "a7e038",
    PICKER_CYAN = "4ac8e4",
    PICKER_PURPLE = "8e44ad",
    PICKER_BROWN = "cd9e60",
    PICKER_GRAY = "7f8c8d",
    PICKER_SILVER = "ecf0f1"
}
declare type Column = 2 | 3 | 4 | 6;
declare type CommonProps = {
    columnNumber?: Column;
    decoder?: (Color: COLORS) => COLORS;
    onChangeColor: (Color: COLORS) => void;
    currentColor?: COLORS;
};
declare type State = {
    visible: boolean;
};
declare type Props = {
    visible?: boolean;
    placement?: Placement;
    trigger?: Array<Triggers>;
    getTooltipContainer?: () => HTMLElement;
} & CommonProps;
declare class ColorPicker extends React.Component<Props, State> {
    state: {
        visible: boolean;
    };
    container?: HTMLDivElement | null;
    static defaultProps: {
        placement: string;
        columnNumber: number;
    };
    static getDerivedStateFromProps(nextProps: Props): {
        visible: boolean | undefined;
    } | null;
    togglePicker: (bool: boolean) => void;
    render(): JSX.Element;
}
export default ColorPicker;