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 vertical stepper tail (the vertical line) **
 */
export const StepVerticalTitle = vui((props, ref) => {
    const { children, className, size = 'md', variant = 'active', ...rest } = props;
    return (_jsx(Box, { className: cs(stepClassName + 'Title'), color: titleColor[variant], fontSize: `${size === 'md' ? 16 : 14}px`, fontWeight: boldTitles.includes(variant) ? 600 : undefined, pt: `${size === 'md' ? 4 : 2}px`, whiteSpace: "nowrap", ...rest, children: children }));
});
StepVerticalTitle.displayName = 'StepVerticalTitle';
export default StepVerticalTitle;
//# sourceMappingURL=stepVerticalTitle.js.map