import * as React from "react"; import type { MergeElementProps } from "../typings"; declare type HandleState = { active: boolean; currentX: number; initialX: number; offsetX: number; zIndex: number; }; declare type StateHandoff = { sup: HandleState & { right: number; element?: HTMLDivElement | null; }; inf: HandleState & { left: number; element?: HTMLDivElement | null; }; track: { right: number; left: number; element?: HTMLDivElement | null; }; }; interface InputSliderBaseProps { /** * Append to the classNames applied to the component so you can override or * extend the styles. */ className?: string; /** * The maximum allowed value of the slider. Should not be equal to min. */ max?: number; /** * The minimum allowed value of the slider. Should not be equal to min. */ min?: number; /** * The Number of digits after the decimal point. Must be in the range 0 to 20, inclusive. */ fractionDigits?: number; /** * The granularity with which the slider can step through values. * * It's **required** to use this when you are using a `discrete` slider. */ step?: number; /** * The value of the slider. * * For bidirectional sliders, provide an array with two values. */ value?: number | number[]; /** * The default value. Use when the slider is not controlled. * * For bidirectional sliders, provide an array with two values. */ defaultValue?: number | number[]; /** * The variant of the slider. * @default "continuous" */ variant?: "continuous" | "discrete"; /** * If `true`, the component will be disabled. * @default true */ disabled?: boolean; /** * The Callback fires when the value has changed. */ onChange?: (newValue: number | number[]) => void; /** * The Callback fires when the slider is being dragged. */ onDragging?: (state: StateHandoff) => void; /** * The Callback fires when the dragging starts. */ onDragStart?: (state: StateHandoff) => void; /** * The Callback fires when the dragging ends. */ onDragEnd?: (state: StateHandoff) => void; /** * The Callback fires when the component mounts. */ onMount?: () => void; /** * The Callback fires when the component dismounts. */ onDismount?: () => void; } export declare type InputSliderProps = Omit, "defaultChecked">; declare type Component = { (props: InputSliderProps): React.ReactElement | null; propTypes?: React.WeakValidationMap | undefined; displayName?: string | undefined; }; declare const InputSlider: Component; export default InputSlider;