import { default as React, HTMLAttributes } from 'react';
import { CurrentColor } from '../../utils/currentColors';
export type RangeSliderProps = {
    /**
     * The current left value of the selected range.
     */
    leftValue?: number;
    /**
     * The current right value of the selected range.
     */
    rightValue?: number;
    /**
     * The lower limit.
     *
     * @default 0
     */
    minValue: number;
    /**
     * The upper limit.
     *
     * @default Number.MAX_VALUE
     */
    maxValue: number;
    /**
     * Whether to show the value labels.
     *
     * @default false
     */
    valueLabels?: boolean;
    /**
     * Additional unit used for the slider value labels.
     */
    valueLabelUnit?: string | React.ReactNode;
    /**
     * Selector step value.
     *
     * @default 1
     */
    step?: number;
    /**
     * Defines the color of the slider.
     *
     * Possible values are:
     *
     * - `'primary'`
     * - `'secondary'`
     * - `'info'`
     * - `'warning'`
     * - `'danger'`
     * - `'success'`
     *
     * @default 'primary'
     */
    color?: CurrentColor;
    /**
     * Disables all pointer events.
     *
     * @default false
     */
    disabled?: boolean;
    /**
     * Callback to get the new value every time it changes.
     */
    onChange?: (newLeftValue: number, newRightValue: number) => void;
    /**
     * Callback to get the value after the slider ended dragging.
     */
    onDragEnd?: (newLeftValue: number, newRightValue: number) => void;
    /**
     * Additional classes to be set on the wrapper element.
     */
    className?: string;
} & Omit<HTMLAttributes<HTMLDivElement>, 'disabled' | 'onChange' | 'onDragEnd' | 'className'>;
declare const RangeSlider: (props: RangeSliderProps) => import("react/jsx-runtime").JSX.Element;
export default RangeSlider;
