import { SliderProps, TypographyProps } from '@mui/material';
import * as React from 'react';
type BaseRangeSliderProps = {
    /**
     * Must match a key from initialValues in Formik.
     * @required
     */
    name: string;
    /**
     * The label displayed above the component.
     * @recommended
     */
    label?: string;
    /**
     * If set, the component becomes readonly.
     * By default, will display as a number. To display as a percentage, use readOnly='percent'
     * @default 'number'
     */
    readOnly?: true | 'percent';
    /**
     * Props from MUI-Bueno's Typography component.
     * Used to customize the label when the static label option is selected or the field is readOnly.
     */
    staticLabelProps?: TypographyProps;
};
/**
 * Type used to define props passed into RangeSlider component
 */
export type RangeSliderProps = BaseRangeSliderProps & SliderProps;
/**
 * The range slider is usually used when the user needs the ability to adjust a value between a minimum and maximum.
 */
export declare const RangeSlider: React.FC<RangeSliderProps>;
export {};
