import React from 'react';
export type SliderProps<V = number | number[]> = {
    /** Value of the slider. */
    value: V;
    /** Function to be called whenever the slider value changes. */
    onChange: (value: V) => void;
    /** The maximum allowed value of the slider. */
    max?: number;
    /** The minimum allowed value of the slider. */
    min?: number;
    /** The step in which increments/decrements have to be made. */
    step?: number;
    /** To show or hide the value on slider when clicked. */
    valueLabelDisplay?: 'disabled' | 'auto' | 'enabled';
    /** Function to change the format of value label */
    valueLabelFormat?: (value: number) => React.ReactNode;
    /** Display a mark on each step. */
    withMarks?: boolean;
    /** Only works if value is list.
     If true ,we can click on the track and move it with the difference in value constant */
    draggableTrack?: boolean;
    children?: React.ReactNode;
    /** The minimum difference between the value of silder */
    minRangeGap?: number;
};
/**
 * Slider is used to allow users to make selections from a range of values.
 */
export default function Slider(props: SliderProps): JSX.Element;