import React from "react";
import { Slider as BaseSlider } from "baseui/slider";

export interface SliderProps {
  children: React.ReactNode;
  value: any;
  min: number;
  step: number;
  marks: boolean;
  onChange: (value: any) => void;
  onFinalChange: (value: any) => void;
}

/**
 * This is the `<Slider>` component <br />
 * Use this to get variable input from the user
 */
const Slider: React.FC<SliderProps> = (
  props: React.PropsWithChildren<SliderProps>
) => {
  return <BaseSlider {...props}>{props.children}</BaseSlider>;
};

export default Slider;
