import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { RangeSliderBaseState } from '@fluentui/react-range-slider-preview';
import { RangeSliderOnChangeData } from '@fluentui/react-range-slider-preview';
import { RangeSliderBaseProps as RangeSliderProps } from '@fluentui/react-range-slider-preview';
import { RangeSliderSlots } from '@fluentui/react-range-slider-preview';
import { RangeSliderValue } from '@fluentui/react-range-slider-preview';
import type * as React_2 from 'react';
import { renderRangeSlider_unstable as renderRangeSlider } from '@fluentui/react-range-slider-preview';

/**
 * A range slider for selecting a start and an end value with two thumbs on one rail.
 * Give each thumb its own accessible name through the `startInput` and `endInput` slots.
 */
export declare const RangeSlider: ForwardRefComponent<RangeSliderProps>;

export { RangeSliderOnChangeData }

export { RangeSliderProps }

export { RangeSliderSlots }

/**
 * RangeSlider component state
 */
export declare type RangeSliderState = RangeSliderBaseState & {
    root: {
        /**
         * Set when the RangeSlider is disabled.
         */
        'data-disabled'?: string;
        /**
         * Set when the RangeSlider is vertical.
         */
        'data-vertical'?: string;
    };
    startThumb: RangeSliderThumbDataAttributes;
    endThumb: RangeSliderThumbDataAttributes;
};

/**
 * Data attributes of the `startThumb` and `endThumb` slots.
 */
export declare type RangeSliderThumbDataAttributes = {
    /**
     * Set when the thumb is disabled.
     */
    'data-disabled'?: string;
    /**
     * Set on the thumb drawn on top when the thumbs overlap.
     */
    'data-active'?: string;
};

export { RangeSliderValue }

export { renderRangeSlider }

/**
 * Returns the state for a RangeSlider component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderRangeSlider`.
 */
export declare const useRangeSlider: (props: RangeSliderProps, ref: React_2.Ref<HTMLDivElement>) => RangeSliderState;

export { }