/**
 * A range slider component with two handles for selecting a range of values.
 * Note that you should set width or height (use `style` property) for this component!
 *
 * @specs https://m3.material.io/components/sliders/specs
 */
export declare const RangeSlider: import('react').ForwardRefExoticComponent<{
    value?: [number, number];
    onChange?: (value: [number, number]) => void;
    /**
     * For uncontrolled
     */
    defaultValue?: [number, number];
    disabled?: boolean;
    steps?: number;
    /**
     * @default 0
     */
    min?: number;
    /**
     * @default 100
     */
    max?: number;
    /**
     * @default horizontal
     */
    direction?: "horizontal" | "vertical";
    /**
     * Customize the labels, by default show the value with .toFixed(1)
     */
    labels?: [React.ReactNode, React.ReactNode];
    hideLabel?: boolean;
} & Omit<import('react').HTMLProps<HTMLElement>, "direction" | "as" | "ref" | "disabled" | "max" | "min" | "value" | "defaultValue" | "onChange" | "steps" | "hideLabel" | "labels"> & import('react').RefAttributes<HTMLDivElement>>;