design-react-kit/dist/Stepper/StepperHeaderElement.js

Componenti React per Bootstrap 5

import React from 'react';
import classNames from 'classnames';
import { Icon } from '../Icon/Icon';
const variants = {
    confirmed: 'confirmed',
    active: 'active',
    done: 'done',
    mobile: 'steppers-index',
    // @deprecated
    'steppers-index': 'steppers-index'
};
export const StepperHeaderElement = ({ tag = 'li', variant, appendIcon, prependIcon, appendIconTitle, prependIconTitle, noLine, stepperNumber, testId, children, className, ...attributes }) => {
    const Tag = tag;
    const wrapperClasses = classNames(variant ? variants[variant] : '', className, {
        'no-line': noLine
    });
    const iconClass = classNames('icon', 'steppers-success');
    const spanClass = classNames('steppers-number');
    return (React.createElement(Tag, { ...attributes, className: wrapperClasses, "data-testid": testId },
        prependIcon && React.createElement(Icon, { icon: prependIcon, title: prependIconTitle }),
        stepperNumber && React.createElement("span", { className: spanClass }, stepperNumber),
        children,
        appendIcon && React.createElement(Icon, { icon: appendIcon, title: appendIconTitle, className: iconClass })));
};
//# sourceMappingURL=StepperHeaderElement.js.map