import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE__StepsItem_mjs__ from "./StepsItem.mjs";
function Steps(props) {
    const { items = [], currentIndex, onClick, isTextVisible = false, direction = 'horizontal' } = props;
    const horizontalDirectionProps = {
        direction: 'row',
        display: 'flex',
        alignItems: 'center'
    };
    const verticalDirectionProps = {
        direction: 'column'
    };
    const gap = props.gap ? props.gap : 'horizontal' === direction ? '100px' : '70px';
    return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Stack, {
        spacing: 0,
        ...'horizontal' === direction ? horizontalDirectionProps : verticalDirectionProps
    }, items.map((item, i)=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__StepsItem_mjs__["default"], {
            key: i,
            index: i,
            status: i < currentIndex ? 'complete' : i === currentIndex ? 'current' : 'incomplete',
            onClick: onClick,
            isTextVisible: isTextVisible,
            direction: direction,
            gap: gap,
            showTrack: i < items.length - 1,
            ...item
        })));
}
/* ESM default export */ const Steps_rslib_entry_ = Steps;
export { Steps_rslib_entry_ as default };
