import React, { ElementType, ReactNode } from 'react'; import { BoxProps, SliderProps, TypographyProps, FilledInputProps } from '@mui/material'; export interface SliderValuesProps extends BoxProps { /** * The value of the slider */ value: SliderProps['value'] | false; /** * Properties applied to value wrapper */ valueProps?: TypographyProps; /** * Label show above value */ label?: ReactNode; /** * Properties applied to label wrapper */ labelProps?: TypographyProps; /** * The format function the value label's value */ valueLabelFormat?: SliderProps['valueLabelFormat']; /** * Provide this function to allow changing the slider value with inputs */ setValue?: (newValue: unknown) => void; /** * Disable editing */ disabled?: boolean; /** * The minimum allowed value of the slider */ min?: SliderProps['min']; /** * Text shown above min selected value */ minLabel?: ReactNode; /** * Properties applied to label wrapper */ minLabelProps?: TypographyProps; /** * The maximum allowed value of the slider */ max?: SliderProps['max']; /** * Text shown above max selected value */ maxLabel?: ReactNode; /** * Properties applied to label wrapper */ maxLabelProps?: TypographyProps; /** * The granularity with which the slider can step through values */ step?: SliderProps['step']; /** * Properties applied to the root wrapper of each SliderValue */ sliderValueProps?: BoxProps; /** * Properties applied to SliderValue input field */ inputProps?: FilledInputProps; } /** * Wrapper that render one or two SliderValue components based on the Slider type */ export declare const SliderValues: React.FC; export interface SliderValueProps extends Omit { /** * The single value of the slider */ value: number | false; /** * The single setValue for the slider value */ setValue?: (newValue: number) => void; } /** * Display single value of slider, allows editing with input */ export declare const SliderValue: React.FC;