import React from "react";
import styles from "./index.less";
import { Steps, Divider } from "antd";

const { Step } = Steps;

export default () => (
  <div className={styles.container}>
    <div id="components-steps-demo-progress-dot">
      <div>
        <Steps progressDot current={1}>
          <Step title="Finished" description="This is a description." />
          <Step title="In Progress" description="This is a description." />
          <Step title="Waiting" description="This is a description." />
        </Steps>
        <Divider />
        <Steps progressDot current={1} direction="vertical">
          <Step
            title="Finished"
            description="This is a description. This is a description."
          />
          <Step
            title="Finished"
            description="This is a description. This is a description."
          />
          <Step
            title="In Progress"
            description="This is a description. This is a description."
          />
          <Step title="Waiting" description="This is a description." />
          <Step title="Waiting" description="This is a description." />
        </Steps>
      </div>
    </div>
  </div>
);