import RcSlider from "rc-slider";
import "./Slider.scss";

export type SliderProps = {
  min?: number;
  max?: number;
  step?: number | null;
  value?: number;
  defaultValue?: number;
  included?: boolean;
  marks?: Record<string | number, React.ReactNode>;
  onChange?: (value: number) => void;
  formatValue?: (value: number) => string;
};

export default function Slider(props: SliderProps) {
  return (
    <RcSlider
      min={props.min}
      max={props.max}
      value={props.value}
      defaultValue={props.defaultValue}
      marks={props.marks}
      step={props.step}
      included={props.included}
      onChange={(v) => props.onChange?.(v as number)}
    />
  );
}