import React, { Component, MouseEventHandler, MouseEvent, PropsWithChildren } from 'react';
import { ColorRange } from '@kepler.gl/constants';
import { NestedPartial } from '@kepler.gl/types';
declare type CustomPaletteProps = {
    customPalette: ColorRange;
    showSketcher?: boolean | number;
    setCustomPalette: (c: NestedPartial<ColorRange>) => void;
    onCancel: () => void;
    onToggleSketcher: (i: boolean | number) => void;
    onApply: (p: ColorRange, e: MouseEvent) => void;
};
declare type DragHandleProps = PropsWithChildren<{
    className?: string;
    listeners?: unknown;
}>;
export declare const DragHandle: React.ComponentClass<DragHandleProps, any>;
declare class CustomPalette extends Component<CustomPaletteProps> {
    state: {
        isSorting: boolean;
    };
    root: React.RefObject<HTMLDivElement>;
    _setColorPaletteUI(colors: string[]): void;
    _onPickerUpdate: (color: {
        hex: string;
    }) => void;
    _onColorDelete: (index: number) => void;
    _onColorAdd: () => void;
    _onSwatchClick: (index: number) => void;
    _onSwatchClose: () => void;
    _onApply: MouseEventHandler;
    _onSortEnd: ({ oldIndex, newIndex }: {
        oldIndex: any;
        newIndex: any;
    }) => void;
    _onSortStart: () => void;
    _inputColorHex: (index: number, { target: { value } }: {
        target: {
            value: any;
        };
    }) => void;
    render(): React.JSX.Element;
}
export default CustomPalette;