import React from 'react'; import './SliderBar.css'; export interface labelsDescriptionArrayProps { label: string; description: string; } export interface SliderProps { labelsDescriptionArray: Array; value?: number; advanceSlider: boolean; simpleSliderDefaultValue?: number; onChange: (arg: number) => void; discrete?: boolean; start?: number; end?: number; step?: number; fill?: string; background?: string; marks?: boolean; markForEachStep?: boolean; showValueTooltip?: boolean; showDescription?: boolean; makeLabelGLow?: boolean; sliderInputGroup?: boolean; sliderZoomInOutField?: boolean; closeSliderOnOutsideClick?: boolean; autoCloseTimeoutDuration?: number; /** * Stepper + range: minus control, native ``, plus control, optional value readout. * Use for any bounded numeric setting (volume, opacity, spacing, etc.). Not tied to a specific domain. * Mutually exclusive with the advance slider track; set `advanceSlider={false}`. */ sliderStepperRange?: boolean; /** * Optional readout after the range (number, units, or custom node). * Prefer `(v) => …` so the label updates when `value` changes (e.g. while dragging the range). */ valueLabel?: React.ReactNode | ((value: number) => React.ReactNode); testIdDecrement?: string; testIdRange?: string; testIdIncrement?: string; testIdValueLabel?: string; ariaLabelRange?: string; decrementAriaLabel?: string; incrementAriaLabel?: string; isDisabled?: boolean; onRangePointerDown?: React.PointerEventHandler; onRangePointerUp?: React.PointerEventHandler; /** When set, replaces built-in decrement stepping. */ onDecrement?: () => void; /** When set, replaces built-in increment stepping. */ onIncrement?: () => void; /** When set, replaces built-in range change handling (caller owns parsing / onChange). */ onRangeInputChange?: (e: React.ChangeEvent) => void; /** Applied to numeric values from buttons and range when using built-in handlers. */ roundValue?: (n: number) => number; /** * If set, values strictly between `start` and `softFloor` are raised to `softFloor` * (applies to range drags and default decrement stepping). */ softFloor?: number; /** * When `enableIncrementFromMin` is true and the rounded value equals `start`, * the default increment handler emits this value instead of `start + step` * (useful when the first step above the minimum is not a simple arithmetic step). */ incrementFromMinTarget?: number; /** Turns on `incrementFromMinTarget` when stepping up from the minimum. */ enableIncrementFromMin?: boolean; decrementIcon?: string; incrementIcon?: string; stepperRangeClassName?: string; } declare const SliderBar: { (props: SliderProps): React.JSX.Element; defaultProps: Partial; }; export default SliderBar;