import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { SoftStepHorizontal, } from './SoftStepHorizontal';
function renderHorizontalSteps(steps) {
    return steps.map((step, index) => {
        const { children, className, disabled, isSelected, onClick, ...rest } = step;
        return (React.createElement(SoftStepHorizontal, Object.assign({ className: className, key: index, step: index + 1, disabled: disabled, isSelected: isSelected, onClick: onClick }, rest), children));
    });
}
export const SoftStepsHorizontal = ({ className, steps, ...rest }) => {
    const classes = classNames('softStepsHorizontal', className);
    return (React.createElement("div", Object.assign({ role: "tablist", className: classes }, rest), renderHorizontalSteps(steps)));
};
const stepPropType = PropTypes.shape({
    isSelected: PropTypes.bool,
    disabled: PropTypes.bool,
    children: PropTypes.node
});
// @ts-ignore
SoftStepsHorizontal.propTypes = {
    className: PropTypes.string,
    steps: PropTypes.arrayOf(stepPropType).isRequired,
};
//# sourceMappingURL=SoftStepsHorizontal.js.map