@vlinderclimate/net-zero-ui/components/FormLabel.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 FormLabelGroup = require('@mui/material/FormLabel');
var theme_typography = require('../theme/typography.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var FormLabelGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormLabelGroup);

/**
 * Styles
 */
var StyledLabel = styles.styled(FormLabelGroup__default["default"])(function (_a) {
    var _b;
    var theme = _a.theme;
    return (tslib_es6.__assign(tslib_es6.__assign({ display: "flex", alignItems: "center", gap: theme.spacing(2), marginBottom: theme.spacing(3), color: theme.palette.text.primary + " !important" }, theme_typography["default"].heroParagraph.main), (_b = {}, _b[theme.breakpoints.down("sm")] = tslib_es6.__assign(tslib_es6.__assign({}, theme_typography["default"].heroParagraph.mobile), { gap: theme.spacing(1), marginBottom: theme.spacing(2), flexDirection: "row-reverse", justifyContent: "space-between" }), _b)));
});
/**
 * Components
 */
var FormLabel = function (_a) {
    var children = _a.children, rest = tslib_es6.__rest(_a, ["children"]);
    return jsxRuntime.jsx(StyledLabel, tslib_es6.__assign({}, rest, { children: children }), void 0);
};

exports["default"] = FormLabel;