import React from 'react';
import ReactDOM from 'react-dom';
import Step from '..';
const steps = [['Step 1', 'Open the refrigerator door'], ['Step 2', 'Put the elephant in the refrigerator'], ['Step 3', 'Close the refrigerator door'], ['Step 4', 'Open the refrigerator door']].map((item, index) => React.createElement(Step.Item, { "aria-current": index === 1 ? 'step' : null, key: index, title: item[0], content: item[1] }));
ReactDOM.render(React.createElement("div", null,
    React.createElement("h3", null, "Arrow"),
    React.createElement(Step, { current: 2, shape: "arrow" }, steps),
    React.createElement("h3", null, "Circle"),
    React.createElement(Step, { current: 1, stretch: true, shape: "circle" }, steps),
    React.createElement("h3", null, "Circle(Horizontal content)"),
    React.createElement(Step, { current: 1, stretch: true, shape: "circle", labelPlacement: "hoz" }, steps),
    React.createElement("h3", null, "Dot"),
    React.createElement(Step, { current: 1, stretch: true, shape: "dot" }, steps),
    React.createElement("h3", null, "Stretch"),
    React.createElement(Step, { current: 1, stretch: true, shape: "dot", labelPlacement: "ver" },
        React.createElement(Step.Item, { title: "\u6B65\u9AA41" }),
        React.createElement(Step.Item, { title: "\u6B65\u9AA42" }),
        React.createElement(Step.Item, { title: "\u6B65\u9AA43" }))), document.getElementById('step-demo-1'));
