import React, { useState } from "react";
import { Range } from "../../";

const InteractionsStory = () => {
  const [value, setValue] = useState("0");

  return (
    <Range
      name="rangeInteractive"
      label="My label interactive"
      onChange={setValue}
      value={value}
      max="1"
      min="0"
      step="0.01"
      showNumber="right"
      help="Lorem Ipsum is simply dummy text of the printing and typesetting industry.
       Lorem Ipsum has been the industry's standard dummy text ever since the 1500s..."
      showDiapason={true}
    />
  );
};

export default (
  <div>
    <div className="w-50 m-5">
      <InteractionsStory />
    </div>
  </div>
);