import { AllHTMLAttributes } from 'react';
import { Orientations } from './Slider.constants.js';

interface SliderProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'> {
    defaultValue?: number | Array<number>;
    disabled?: boolean;
    id?: string;
    inverted?: boolean;
    label?: string;
    max?: number;
    min?: number;
    minStepsBetweenThumbs?: number;
    name?: string;
    orientation?: `${Orientations}`;
    step?: number;
    value?: number | Array<number>;
    onValueChange?: (value: number | Array<number>) => void;
    onValueCommit?: (value: number | Array<number>) => void;
}

export type { SliderProps };