import React from 'react';
import ReactDOM from 'react-dom';
import Timeline from '..';

const TimelineItem = Timeline.Item;
ReactDOM.render(
  <div>
    <h4>左侧显示时间</h4>
    <Timeline>
      <TimelineItem title="Sign" state="process" timeLeft="2016-10-03" />
      <TimelineItem title="Ship" timeLeft="2016-10-02" />
      <TimelineItem title="Order" timeLeft="2016-10-01" />
    </Timeline>
    <h4>双侧显示文字内容</h4>
    <h4>enabled</h4>
    <Timeline>
      <TimelineItem content="[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued" contentLeft/>
      <TimelineItem contentLeft = "[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued" />
      <TimelineItem content="[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued" contentLeft/>
    </Timeline>
    <h4>active</h4>
    <Timeline>
      <TimelineItem content="[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued" state="process" contentLeft/>
      <TimelineItem contentLeft = "[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued" />
      <TimelineItem content="[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued" contentLeft/>
    </Timeline>

  </div>,
  document.getElementById('timeline-demo-4'),
);