import React from 'react'; export declare type SliderWidgetProps = { /** The minimum value of the slider. */ minimum?: number; /** The maximum value of the slider. */ maximum?: number; /** The current value of the slider. */ value?: number; /** An optional function which returns a string * representation of the value. Used in the tooltip. */ valueFormatter?: (value: number) => string; /** The amount the value will change each time the mouse moves. Defaults to 1. */ step?: number; /** Rate at which to debounce onChange calls, in milliseconds. Defaults to 100. */ debounceRateMs?: number; /** Function to invoke whenever the value changes. */ onChange: (value: number) => void; /** Optional label for the widget. */ label?: string; /** * Optional color specification that allows for complete * control of slider colors. */ colorSpec?: { type: 'singleColor'; tooltip: string; trackColor: string; knobColor: string; } | { type: 'gradient'; tooltip: string; knobColor: string; trackGradientStart: string; trackGradientEnd: string; }; /** Additional styles to apply to component container. */ containerStyles?: React.CSSProperties; /** Show an auxillary text input box */ showTextInput?: boolean; /** Show min and max limits */ showLimits?: boolean; /** Disable the slider. Default is false */ disabled?: boolean; }; /** A customizable slider widget. * * TODO: There is a good chance that we will need to add some debounce logic * to allow for us to update UI immediately and then handle backend calls * as needed. */ export default function SliderWidget({ minimum, maximum, value, valueFormatter, step, debounceRateMs, onChange, label, colorSpec, containerStyles, showTextInput, showLimits, disabled, }: SliderWidgetProps): JSX.Element; //# sourceMappingURL=Slider.d.ts.map