import React from 'react'; import type { StyleProp, ViewStyle } from 'react-native'; export type SliderRangeValue = { start: number; end: number; }; interface RangeSliderProps { /** * Minimum value of the slider. */ minimumValue: number; /** * Maximum value of the slider. */ maximumValue: number; /** * Step value of the slider. * The value should be between 1 and (maximumValue - minimumValue). * Defaults to 1. */ step?: number; /** * Range value of the slider. * Defaults to minimumValue. */ value?: SliderRangeValue; /** * Whether the two markers should be allowed to overlap. * Defaults to false. */ allowOverlap?: boolean; /** * Callback continuously called while the user is dragging the slider. */ onValueChange?: (value: SliderRangeValue) => void; /** * Callback that is called when the user picks up the slider. * The initial value is passed as an argument to the callback handler. */ onSlidingStart?: () => void; /** * Callback that is called when the user releases the slider, regardless if the value has changed. * The current value is passed as an argument to the callback handler. */ onSlidingComplete?: (value: SliderRangeValue) => void; /** * Whether the slider is disabled. */ disabled?: boolean; /** * Additional style. */ style?: StyleProp; /** * Testing id of the component. */ testID?: string; } declare const Slider: ({ minimumValue, maximumValue, step, value, onValueChange, onSlidingStart, onSlidingComplete, disabled, style, testID, allowOverlap, }: RangeSliderProps) => React.JSX.Element; export default Slider;