import { ReactNode } from "react";

import "./Slider.css";

import { getCN, usePadding, randomId } from "../utils";

import FormField from '../../componentsDefault/FormField/FormField'

function Slider({ ...props }) {
  var props_id = randomId(props.id, `slider`);

  return (
    <FormField {...props} className={getCN(["MYUI-Slider"])}>
      <input aria-label={props_id} {...props} type="range" />
    </FormField>
  );
}

export default Slider;
