import type React from 'react'; import type { GlobalHTMLAttributes } from './types'; export interface DoubleRangeSliderProps extends GlobalHTMLAttributes { /** * The name of the input to use when submitting the form. */ name?: string; /** * Id of a form element that this input should be associated with. Defaults to the containing * form element. */ form?: string; onFocus?: React.FocusEventHandler; onBlur?: React.FocusEventHandler; onKeyDown?: React.KeyboardEventHandler; onKeyUp?: React.KeyboardEventHandler; /** * The minimum value for the input. * @default 0 */ min?: number; /** * The maximum value for the input. * @default 100 */ max?: number; /** * The step interval between values. * @default 1 */ step?: number; /** * Id of a `` element with a list of predefined values to suggest to the user. */ list?: string; /** * Default value of an uncontrolled input. */ defaultValue?: [number, number]; /** * Number of decimal places to round values to. */ precision?: number; /** * Provide a tooltip while sliding, indicating the current value. */ tooltip?: boolean; /** * Value of the input. * * Makes the input controlled. */ value?: [number, number]; /** * Native change event handler, passed through as-is from whichever input fired. * * Use this when you need access to the underlying DOM event (e.g. to inspect * `event.target.name` or integrate with form libraries). */ onChange?: React.ChangeEventHandler; /** * Fires immediately when either slider's value changes. * * Provides the full numeric pair `[min, max]` as the primary payload so * consumers can keep the range value in state without parsing native events. */ onValueChange?: (values: [number, number]) => void; /** * Accessible label for the minimum value input. * @default "Minimum value" */ minLabel?: string; /** * Accessible label for the maximum value input. * @default "Maximum value" */ maxLabel?: string; /** * ID of an element that labels the slider group. */ 'aria-labelledby'?: string; /** * Accessible label for the slider group. */ 'aria-label'?: string; } /** * `DoubleRangeSlider` renders two range inputs allowing selection of a min/max range. * * Can be used uncontrolled (native), or controlled. To make it controlled, * set both the `value` prop and the `onChange` handler. */ export declare const DoubleRangeSlider: React.ForwardRefExoticComponent>;