import { _ as __assign } from '../tslib.es6-faad35dc.js';
import { jsx } from 'react/jsx-runtime';
import { styled } from '@mui/material/styles';
import Typography from './Typography.js';
import '../_commonjsHelpers-1789f0cf.js';
import '@mui/material/Typography';
import '../theme/typography.js';

// prettier-ignore
var typographyVariant = {
    title: "title5",
    subtitle: "title5",
    note: "title5"
};
var Label = styled("div")(function (_a) {
    var theme = _a.theme;
    return ({
        "& *": {
            lineHeight: "1",
            fontFamily: theme.typography.fontFamilyHeadline
        },
        "&.StepLabelText-title *, &.StepLabelText-subtitle *": {
            color: "".concat(theme.palette.text.secondary, " !important"),
            fontWeight: theme.typography.fontWeightMedium
        },
        "&:not(:last-of-type)": {
            marginBottom: theme.spacing(0.5)
        }
    });
});
var StepLabelText = function (_a) {
    var _b = _a.variant, variant = _b === void 0 ? "title" : _b, children = _a.children, typographyProps = _a.typographyProps;
    return (jsx(Label, __assign({ className: "StepLabelText-".concat(variant) }, { children: jsx(Typography, __assign({ variant: typographyVariant[variant], component: "div" }, typographyProps, { children: children }), void 0) }), void 0));
};

export { StepLabelText as default };
