import { KeplerTable } from '@kepler.gl/table';
import { ColorUI, Field } from '@kepler.gl/types';
import { ColorBreak, ColorBreakOrdinal } from '@kepler.gl/utils';
import React from 'react';
import ColumnStatsChartFactory from '../../common/column-stats-chart';
import CustomPaletteFactory, { SetColorUIFunc } from './custom-palette';
export declare const EditButton: ({ onClickEdit }: {
    onClickEdit: any;
}) => React.JSX.Element;
export declare type ColorBreaksDisplayProps = {
    currentBreaks?: ColorBreak[] | ColorBreakOrdinal[] | null;
    onEdit: (() => void) | null;
};
export declare const ColorBreaksDisplay: React.FC<ColorBreaksDisplayProps>;
/**
 * ColorBreaksPanelProps
 */
export declare type ColorBreaksPanelProps = {
    colorBreaks: ColorBreak[] | ColorBreakOrdinal[] | null;
    colorUIConfig: ColorUI;
    dataset: KeplerTable | undefined;
    colorField: Field;
    isCustomBreaks: boolean;
    setColorUI: SetColorUIFunc;
    onScaleChange: (v: string, visConfg?: Record<string, any>) => void;
    onApply: (e: React.MouseEvent) => void;
    onCancel: () => void;
};
declare function ColorBreaksPanelFactory(CustomPalette: ReturnType<typeof CustomPaletteFactory>, ColumnStatsChart: ReturnType<typeof ColumnStatsChartFactory>): React.FC<ColorBreaksPanelProps>;
declare namespace ColorBreaksPanelFactory {
    var deps: (typeof ColumnStatsChartFactory | typeof CustomPaletteFactory)[];
}
export default ColorBreaksPanelFactory;