import React from 'react'; import * as Slider from '@radix-ui/react-slider'; import type { Action } from '../../types/button'; import type { Error } from '../../types/shared/form'; export type RangeSliderProps = { /** Label for the range input */ label: React.ReactNode; /** Adds an action to the label */ labelAction?: Action; /** Visually hide the label */ labelHidden?: boolean; /** ID for range input */ id?: string; /** Provide a tooltip while sliding, indicating the current value */ output?: boolean; /** Additional text to aid in use */ helpText?: React.ReactNode; /** Display an error message */ error?: Error; /** Disable input */ disabled?: boolean; /** Element to display before the input */ prefix?: React.ReactNode; /** Element to display after the input */ suffix?: React.ReactNode; /** Callback when the range value change */ onChange?(selected: number[], name: string | undefined): void; /** Callback when the range value change ends */ onChangeEnd?(selected: number[], name: string | undefined): void; } & Omit; declare const RangeSlider: React.ForwardRefExoticComponent<{ /** Label for the range input */ label: React.ReactNode; /** Adds an action to the label */ labelAction?: Action; /** Visually hide the label */ labelHidden?: boolean; /** ID for range input */ id?: string; /** Provide a tooltip while sliding, indicating the current value */ output?: boolean; /** Additional text to aid in use */ helpText?: React.ReactNode; /** Display an error message */ error?: Error; /** Disable input */ disabled?: boolean; /** Element to display before the input */ prefix?: React.ReactNode; /** Element to display after the input */ suffix?: React.ReactNode; /** Callback when the range value change */ onChange?(selected: number[], name: string | undefined): void; /** Callback when the range value change ends */ onChangeEnd?(selected: number[], name: string | undefined): void; } & Omit & React.RefAttributes>; export { RangeSlider };