import * as React from "react";
import { storiesOf } from "@storybook/react";
import { Timeline } from "../src/index";

const TimelineItem = Timeline.Item


storiesOf("Timeline", module).add("Timeline", () => {
  return (
    <div id='app-wrapper'>
      <div id='app' style={{ padding: '16px' }}>
        <p>基本</p>
        <Timeline>
          <TimelineItem title="Receipt" state="process" />
          <TimelineItem title="Ship" />
          <TimelineItem title="Order" />
        </Timeline>
        <p>基本2</p>
        <Timeline>
          <TimelineItem
            title="Cloudy"
            time={'2016-06-10 10:30:00'}
            state="process"
          />
          <TimelineItem title="Sunny" time={'2016-06-11'} />
          <TimelineItem title="Rainy" time={'2016-06-09'} />
        </Timeline>
        <p>状态</p>
        <Timeline>
          <TimelineItem
            title="Cloudy"
            time={'2016-06-10 10:30:00'}
            state="process"
          />
          <TimelineItem title="Sunny" time={'2016-06-11'} state="success" />
          <TimelineItem title="Rainy" time={'2016-06-09'} state="error" />
        </Timeline>
      </div>
    </div>
  );
});