"use strict";

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _ = _interopRequireDefault(require(".."));

var _2 = require("../..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var TimelineItem = _["default"].Item;

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_["default"], null, /*#__PURE__*/_react["default"].createElement(TimelineItem, {
  title: "Receipt",
  state: "process",
  icon: "smile",
  time: "2017-10-21"
}), /*#__PURE__*/_react["default"].createElement(TimelineItem, {
  title: "Ship",
  dot: /*#__PURE__*/_react["default"].createElement("span", {
    className: "custom-node"
  }, " \uD83D\uDE02 "),
  state: "success",
  time: "2017-10-22"
}), /*#__PURE__*/_react["default"].createElement(TimelineItem, {
  title: "Order",
  dot: /*#__PURE__*/_react["default"].createElement(_2.Icon, {
    type: "success",
    size: "xl",
    style: {
      color: '#1DC11D'
    }
  }),
  content: "Congratulations, successful orders!",
  time: "2017-10-23"
})), document.getElementById('timeline-demo-5'));