import './demo6.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Step from '..';
import { Icon } from '../..';
const steps = ['one', 'two', 'three', 'four'];
function itemRender(index) {
    return React.createElement("div", { className: "custom-node1" },
        React.createElement("span", null, index + 1));
}
function itemRender2(index, status) {
    return React.createElement("div", { className: "custom-node2" },
        status === 'finish' ? React.createElement(Icon, { type: "success" }) : React.createElement("span", null, index + 1),
        " ");
}
ReactDOM.render(React.createElement("div", { className: "fusion-demo" },
    React.createElement("div", { className: "fusion-demo-item" },
        React.createElement(Step, { current: 2, animation: false, itemRender: itemRender }, steps.map(item => React.createElement(Step.Item, { key: item, title: item })))),
    React.createElement("div", { className: "fusion-demo-item" },
        React.createElement(Step, { current: 2, animation: false, itemRender: itemRender2 }, steps.map(item => React.createElement(Step.Item, { key: item, title: item }))))), document.getElementById('step-demo-6'));
