/**
 * title: "默认"
 * description: "基本使用方式。"
 */
import React, { useState, useCallback } from 'react';
import { Step } from '@alicloud/console-components';
var list = [
    { title: '已完成步骤', key: 1 },
    { title: '当前步骤', key: 2 },
    { title: '未完成最后步骤', key: 3 },
];
export default (function () {
    var _a = useState(1), currentStep = _a[0], setCurrentStep = _a[1];
    var stepClick = useCallback(function (index) {
        setCurrentStep(index);
    }, []);
    var steps = list.map(function (item) { return (React.createElement(Step.Item, { key: item.key, title: item.title, onClick: function (index) { return stepClick(index); } })); });
    return (React.createElement("div", null,
        React.createElement(Step, { current: currentStep, shape: "circle", labelPlacement: "hoz" }, steps)));
});
