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

function onChange(a, b, c) {
  console.log(a, b, c);
}

export default () => (
  <div className={styles.container}>
    <div id="components-carousel-demo-basic">
      <Carousel afterChange={onChange}>
        <div>
          <h3>1</h3>
        </div>
        <div>
          <h3>2</h3>
        </div>
        <div>
          <h3>3</h3>
        </div>
        <div>
          <h3>4</h3>
        </div>
      </Carousel>
    </div>
  </div>
);