import { b as __makeTemplateObject, _ as __assign } from '../tslib.es6-20a2a300.js';
import { jsx } from 'react/jsx-runtime';
import { s as styled } from '../styled-components.esm-a98d7870.js';
import Typography from './Typography.js';
import colors from '../theme/colors.js';
import '../defaultTheme-49a26576.js';
import 'react';
import '../hoist-non-react-statics.cjs-b718ab87.js';
import '../_commonjsHelpers-57e89916.js';
import '../theme/fontSize.js';
import '../theme/fontWeight.js';
import '../theme/fontFamily.js';
import '../theme/lineHeight.js';
import '../Typography-649a8eff.js';
import '../clsx.m-6243b874.js';
import '../withStyles-99aeb25b.js';
import '../capitalize-5d3e9aac.js';
import '../makeStyles-c9a99c7a.js';

var LabelBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & * {\n    line-height: 1;\n    color: ", ";\n  }\n\n  &:first-of-type {\n    margin-bottom: 4px;\n  }\n"], ["\n  & * {\n    line-height: 1;\n    color: ", ";\n  }\n\n  &:first-of-type {\n    margin-bottom: 4px;\n  }\n"])), colors.text.secondary);
var StepLabelText = function (_a) {
    var _b = _a.subtitle, subtitle = _b === void 0 ? false : _b, children = _a.children;
    return (jsx(LabelBox, __assign({ className: "StepLabelText-" + (subtitle ? "Subtitle" : "Title") }, { children: jsx(Typography, __assign({ variant: subtitle ? "supportingText" : "descriptionBold", component: "div" }, { children: children }), void 0) }), void 0));
};
var templateObject_1;

export { StepLabelText as default };
