import React, { Component } from 'react';
type SketchPickerValue = {
    hsl: {
        h: number;
        s: number;
        l: number;
        a: number;
    };
    hex: string;
    rgb: {
        r: number;
        g: number;
        b: number;
        a: number;
    };
    hsv: {
        h: number;
        s: number;
        v: number;
        a: number;
    };
    oldHue: number;
    source: string;
};
type CustomPickerProps = {
    color: string;
    theme: {
        panelBackground: string;
    };
    onChange: (v: SketchPickerValue) => void;
    onSwatchClose: () => void;
};
declare class CustomPicker extends Component<CustomPickerProps> {
    themeSelector: (props: CustomPickerProps) => {
        panelBackground: string;
    };
    pickerStyleSelector: ((state: CustomPickerProps) => {
        picker: {
            width: string;
            padding: string;
            boxSizing: string;
            background: string;
        };
    }) & import("reselect").OutputSelectorFields<(args_0: {
        panelBackground: string;
    }) => {
        picker: {
            width: string;
            padding: string;
            boxSizing: string;
            background: string;
        };
    }, {
        clearCache: () => void;
    }> & {
        clearCache: () => void;
    };
    handleClickOutside: (e: Event) => void;
    render(): React.JSX.Element;
}
declare const _default: React.ForwardRefExoticComponent<{
    ref?: React.LegacyRef<import("react-onclickoutside").WrapperInstance<CustomPickerProps, typeof CustomPicker>>;
    key?: React.Key;
} & {
    theme?: any;
}>;
export default _default;