import * as React from 'react';
import { TooltipPlacement } from '../Tooltip';
export interface RangeMarks {
    [key: number]: React.ReactNode | {
        style: React.CSSProperties;
        label: React.ReactNode;
    };
}
export declare type RangeValue = number | [number, number];
interface HandleGeneratorInfo {
    value: number;
    dragging: boolean;
    index: number;
    rest: any[];
}
export declare type HandleGeneratorFn = (info: HandleGeneratorInfo) => React.ReactElement<any>;
export interface IRangeProps {
    prefixCls?: string;
    tooltipPrefixCls?: string;
    range?: boolean;
    min?: number;
    max?: number;
    step?: number | null;
    marks?: RangeMarks;
    dots?: boolean;
    value?: RangeValue;
    defaultValue?: RangeValue;
    included?: boolean;
    disabled?: boolean;
    vertical?: boolean;
    onChange?: (value: RangeValue) => void;
    onAfterChange?: (value: RangeValue) => void;
    tipFormatter?: null | ((value: number) => React.ReactNode);
    className?: string;
    id?: string;
    style?: React.CSSProperties;
    tooltipVisible?: boolean;
    tooltipPlacement?: TooltipPlacement;
    getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
}
export interface IRangeStates {
    visibles: {
        [index: number]: boolean;
    };
}
export declare class Range extends React.Component<IRangeProps, IRangeStates> {
    private rcRange;
    constructor(props: IRangeProps);
    static defaultProps: {
        tipFormatter(value: number): string;
    };
    private toggleTooltipVisible;
    private handleWithTooltip;
    focus(): void;
    blur(): void;
    saveRange: (node: any) => void;
    renderRange: () => JSX.Element;
    render(): JSX.Element;
}
export {};