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

const TimelineItem = Timeline.Item;
ReactDOM.render(
  <div>
    <h5>enabled</h5>
    <Timeline>
      <TimelineItem title="Receipt" time={'2016-06-10 10:30:00'} />
      <TimelineItem title="Ship" time={'2016-06-10 10:30:00'} />
      <TimelineItem title="Order" time={'2016-06-10 10:30:00'} />
    </Timeline>
    <h5>active</h5>
    <Timeline>
      <TimelineItem title="Receipt" time={'2016-06-10 10:30:00'} state="process" />
      <TimelineItem title="Ship" time={'2016-06-10 10:30:00'} />
      <TimelineItem title="Order" time={'2016-06-10 10:30:00'} />
    </Timeline>
    <h5>disabled</h5>
    <Timeline>
      <TimelineItem title="Receipt" time={'2016-06-10 10:30:00'} disabled />
      <TimelineItem title="Ship" time={'2016-06-10 10:30:00'} disabled />
      <TimelineItem title="Order" time={'2016-06-10 10:30:00'} disabled />
    </Timeline>
    <h5>error</h5>
    <Timeline>
      <TimelineItem title="Receipt" time={'2016-06-10 10:30:00'} state='error' />
      <TimelineItem title="Ship" time={'2016-06-10 10:30:00'} />
      <TimelineItem title="Order" time={'2016-06-10 10:30:00'} />
    </Timeline>
  </div>,
  document.getElementById('timeline-demo-1'),
);