import { default as React, FC } from 'react';
import { RangeTheme } from './RangeTheme';
export interface RangeProps<Value> {
    /**
     * Whether the range is disabled
     */
    disabled?: boolean;
    /**
     * Additional class name to apply to the range
     */
    className?: string;
    /**
     * Additional class name to apply to the handle
     */
    handleClassName?: string;
    /**
     * The minimum value of the range
     */
    min: number;
    /**
     * The maximum value of the range
     */
    max: number;
    /**
     * The value will be a multiple of step
     * The default is 1
     * @default 1
     */
    step?: number;
    /**
     * The value of the range
     */
    value: Value;
    /**
     * When to display the current value
     * @default 'hover'
     */
    valueDisplay?: 'always' | 'hover';
    /**
     * Format the value to display
     * @default value => value.toLocaleString()
     */
    valueFormat?: (value: number) => string;
    /**
     * Additional css styles to apply to the range
     */
    style?: React.CSSProperties;
    /**
     * Event fired when the range value changes
     */
    onChange?: (value: Value) => void;
    /**
     * Theme for the range
     */
    theme?: RangeTheme;
}
export interface RangeTooltipProps {
    /** Content rendered inside the tooltip. */
    children?: React.ReactNode;
    /** Whether the tooltip is visible. */
    visible: boolean;
}
export declare const RangeTooltip: FC<RangeTooltipProps>;