"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 }; }

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  current: 1
}, /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Step 1"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      color: 'red'
    }
  }, "In Progress"),
  content: /*#__PURE__*/_react["default"].createElement("span", {
    style: {
      color: 'red'
    }
  }, "download image failed"),
  itemRender: function itemRender() {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "next-step-item-node-circle",
      style: {
        background: 'transparent',
        borderColor: 'red'
      }
    }, /*#__PURE__*/_react["default"].createElement(_2.Icon, {
      style: {
        color: 'red'
      },
      type: "close"
    }));
  }
}), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Step 3"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
  title: "Step 4"
}))), document.getElementById('step-demo-4'));