import React from 'react';
import { CursorState } from './cursorPlugin';
import { Range } from './providers/RangeSelectionProvider';
import { PlotUtilities } from './renderers/types';
type RangeSelectionProps = {
    plotUtilities?: PlotUtilities;
    cursorState?: CursorState;
    rangeSelection?: Range;
    onRangeSelection?: (range: Range, e: MouseEvent) => void;
    onRangeDeselection?: (e: MouseEvent) => void;
    onRangeZoom?: (range: Range, e: MouseEvent) => void;
};
/**
 * TODO: better grips to align with splunk-viz / highcharts:
 *  - https://leeoniya.github.io/uPlot/demos/zoom-ranger-grips.html
 *  - https://github.com/leeoniya/uPlot/blob/m-----/demos/zoom-ranger-grips.html
 */
export declare const RangeSelection: React.FC<RangeSelectionProps>;
export {};
