import React from "react";
import styles from "./index.less";
import { Slider } from "antd";

function onChange(value) {
  console.log("onChange: ", value);
}

function onAfterChange(value) {
  console.log("onAfterChange: ", value);
}

export default () => (
  <div className={styles.container}>
    <div id="components-slider-demo-event">
      <div>
        <Slider
          defaultValue={30}
          onChange={onChange}
          onAfterChange={onAfterChange}
        />
        <Slider
          range
          step={10}
          defaultValue={[20, 50]}
          onChange={onChange}
          onAfterChange={onAfterChange}
        />
      </div>
    </div>
  </div>
);