import * as React from 'react';
import type { NumberInputProps } from '../../number_input/number_input';
import type { TypographySize } from '../../../typography/typography';
import type { SharedSliderProps } from './base_slider';
export type SliderNumericInputComponent = (props: SliderNumericInputProps) => React.ReactNode;
export type SliderProps = SharedSliderProps & {
    value?: number
    defaultValue?: number
    NumericInput?: SliderNumericInputComponent | 'none'
    autoFocusNumericInput?: 'on-desktop' | 'always'
    blurOnDragEnd?: boolean
    label?: string
    labelSize?: Extract<TypographySize, 'small' | 'medium'>
    onDragEnd?(): void
    onChange?: (value: number) => void
};
export declare const Slider: React.ComponentType<SliderProps>;
export type SliderNumericInputProps = Pick<NumberInputProps, 'className' | 'inputClassName' | 'min' | 'max' | 'step' | 'disabled' | 'autoFocus' | 'onChange' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaDescribedBy' | 'placeholder' | 'onBlur' | 'onFocus' | 'onKeyDown' | 'blurOnEnterKeyDown'> & {
    ref?: React.RefObject<HTMLInputElement | null>
    value?: string
    onChangeComplete: (value: number) => void
};