import { UseDragPositionProps } from '../../../hooks/useDragPosition';
import React from 'react';
export interface SliderContainerProps {
    range?: boolean;
    autoHide?: boolean;
    formatScale?: false | ((value: number) => React.ReactNode);
    formatValue?: false | ((value: number) => React.ReactNode);
    height?: React.CSSProperties['height'];
    onChange?: (values: number[] | number) => void;
    scale?: number[];
    step?: number;
    value?: number | number[];
    vertical?: boolean;
    disabled?: boolean;
    className?: string;
    style?: React.CSSProperties;
    onIncrease?: (value: number) => void;
    defaultValue?: number | number[];
}
export interface SliderProps extends Omit<SliderContainerProps, 'value' | 'formatScale' | 'onChange'> {
    value: number;
    index: number;
    onChange: (index: number, value: number) => void;
    min?: number;
    max?: number;
}
export interface SliderState {
    dragging: boolean;
    lengthPercent: number;
}
export interface IndicatorProps extends Pick<UseDragPositionProps, 'onDrag' | 'onDragEnd' | 'onDragStart'> {
    disabled?: SliderContainerProps['disabled'];
}