import React from 'react';
import ReactDOM from 'react-dom';
import Timeline from '..';
import { Icon } from '../..';

const TimelineItem = Timeline.Item;
ReactDOM.render(
  <Timeline>
    <TimelineItem
      title="Receipt"
      state="process"
      icon="smile"
      time="2017-10-21"
    />
    <TimelineItem
      title="Ship"
      dot={<span className="custom-node"> 😂 </span>}
      state="success"
      time="2017-10-22"
    />
    <TimelineItem
      title="Order"
      dot={<Icon type="success" size="xl" style={{ color: '#1DC11D' }} />}
      content="Congratulations, successful orders!"
      time="2017-10-23"
    />
  </Timeline>,
  document.getElementById('timeline-demo-5'),
);
