import { jsx as _jsx } from "react/jsx-runtime";
import { Box } from '../box';
import { vui } from '../core';
import { cs } from '../utils';
import { boldTitles, stepClassName, titleColor } from './consts';
/**
 * Implements Horizontal stepper tail (the Horizontal line) **
 */
export const StepHorizontalTitle = vui((props, ref) => {
    const { children, className, size = 'md', variant = 'active', ...rest } = props;
    return (_jsx(Box, { className: cs(stepClassName + 'Title'), color: titleColor[variant], display: "block", fontSize: `${size === 'md' ? 16 : 14}px`, fontWeight: boldTitles.includes(variant) ? 600 : undefined, pt: `${size === 'md' ? 4 : 2}px`, textAlign: "center", whiteSpace: "nowrap", ...rest, children: children }));
});
StepHorizontalTitle.displayName = 'StepHorizontalTitle';
export default StepHorizontalTitle;
//# sourceMappingURL=stepHorizontalTitle.js.map