@vlinderclimate/net-zero-ui/components/StepLabelText.js

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var jsxRuntime = require('react/jsx-runtime');
var styles = require('@mui/material/styles');
var components_Typography = require('./Typography.js');
require('@mui/material/Typography');
require('../theme/typography.js');

// prettier-ignore
var typographyVariant = {
    title: "heroParagraphBold",
    subtitle: "heroParagraph",
    note: "heroParagraph"
};
var Label = styles.styled("div")(function (_a) {
    var _b;
    var theme = _a.theme;
    return ({
        "&.StepLabelText-title": (_b = {
                marginTop: -4
            },
            _b[theme.breakpoints.down("sm")] = {
                marginTop: -2
            },
            _b)
    });
});
var StepLabelText = function (_a) {
    var _b = _a.variant, variant = _b === void 0 ? "subtitle" : _b, children = _a.children, typographyProps = _a.typographyProps;
    return (jsxRuntime.jsx(Label, tslib_es6.__assign({ className: "StepLabelText-" + variant }, { children: jsxRuntime.jsx(components_Typography["default"], tslib_es6.__assign({ variant: typographyVariant[variant], component: "div" }, typographyProps, { children: children }), void 0) }), void 0));
};

exports["default"] = StepLabelText;