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

const TimelineItem = Timeline.Item;
ReactDOM.render(
  <Timeline>
    <TimelineItem
      title="Sign"
      content="[Hangzhou] has received the sign, the signer is Alibaba Post Office, thank you for using STO, looking forward to serving you again"
      time={'2016-06-10 10:30:00'}
      state="process"
    />
    <TimelineItem
      title="Delivery"
      content="[Hangzhou]Express has reached Hangzhou Hangzhou Binjiang Company"
      time={'2016-06-10 09:30:00'}
    />
    <TimelineItem
      title="Delivery"
      content="[Hangzhou] Zhejiang Hangzhou Binjiang Company dispatches members for you"
      time={'2016-06-10 09:03:00'}
    />
    <TimelineItem
      title="Transport"
      content="[Hangzhou] Zhejiang Hangzhou Transshipment Center has been issued"
      time={'2016-06-10 06:10:00'}
    />
    <TimelineItem
      title="Transport"
      content="[Dongguan City] Guangdong Dongguan Transshipment Center has been issued"
      time={'2016-06-09 18:00:00'}
    />
    <TimelineItem
      title="Processing"
      content="[Dongguan City] Shentong Express Guangdong Fenggang Branch of Guangdong Province"
      time={'2016-06-09 16:12:00'}
    />
    <TimelineItem
      title="Processing"
      content="[Dongguan City] The merchant is informing the express company to insert"
      time={'2016-06-09 14:00:00'}
    />
    <TimelineItem
      title="Processing"
      content="[Dongguan City] Your order to be picked"
      time={'2016-06-09 10:12:19'}
    />
    <TimelineItem
      title="Processing"
      content="[Dongguan] Your order starts processing"
      time={'2016-06-09 10:01:09'}
      icon="atm"
    />
  </Timeline>,
  document.getElementById('timeline-demo-3'),
);
