import React from "react";
import { RangeSliderChangeEvent as KendoRangeSliderChangeEvent } from "@progress/kendo-react-inputs";

export interface RangeSliderProps {
  dataTestId?: string;
  ariaDescribedBy?: string;
  ariaLabelledBy?: string;
  children?: React.ReactNode;
  className?: string;
  defaultValue?: { start: number; end: number };
  dir?: "ltr" | "rtl";
  disabled?: boolean;
  endTabIndex?: number;
  id?: string;
  max: number;
  min: number;
  name?: string;
  required?: boolean;
  startTabIndex?: number;
  step?: number;
  style?: React.CSSProperties;
  valid?: boolean;
  validationMessage?: string;
  validityStyles?: boolean;
  value?: { start: number; end: number };
  vertical?: boolean;
  onChange?: (event: KendoRangeSliderChangeEvent) => void;
}