"use strict";

require("./demo3.css");

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 steps = ['one', 'two', 'three', 'four'];

function itemRender(index) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "custom-node1"
  }, /*#__PURE__*/_react["default"].createElement("span", null, index + 1));
}

function itemRender2(index, status) {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "custom-node2"
  }, status === 'finish' ? /*#__PURE__*/_react["default"].createElement(_2.Icon, {
    type: "success"
  }) : /*#__PURE__*/_react["default"].createElement("span", null, index + 1), " ");
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "fusion-demo"
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "fusion-demo-item"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  current: 2,
  animation: false,
  itemRender: itemRender
}, steps.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    key: item,
    title: item
  });
}))), /*#__PURE__*/_react["default"].createElement("div", {
  className: "fusion-demo-item"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  current: 2,
  animation: false,
  itemRender: itemRender2
}, steps.map(function (item) {
  return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
    key: item,
    title: item
  });
})))), document.getElementById('step-demo-3'));