@vlinderclimate/net-zero-ui/components/shared/TextContent.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 MuiBox = require('@mui/material/Box');

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

var MuiBox__default = /*#__PURE__*/_interopDefaultLegacy(MuiBox);

var StyledText = styles.styled(MuiBox__default["default"])(function (_a) {
    var _b, _c, _d, _e, _f, _g;
    var theme = _a.theme;
    return ({
        ol: {
            counterReset: "orderedlist",
            listStyle: "none",
            padding: 0,
            li: (_b = {
                    position: "relative",
                    paddingLeft: theme.spacing(6),
                    "&:before": tslib_es6.__assign(tslib_es6.__assign({}, theme.typography.caption), { counterIncrement: "orderedlist", content: "counter(orderedlist)", backgroundColor: theme.palette.green.main, position: "absolute", width: theme.spacing(4), height: theme.spacing(4), lineHeight: theme.spacing(4), color: theme.palette.gray.white, textAlign: "center", borderRadius: "100%", left: 0 }),
                    "& + li": {
                        marginTop: theme.spacing(2)
                    }
                },
                _b[theme.breakpoints.down("sm")] = {
                    paddingLeft: theme.spacing(4),
                    "&:before": {
                        width: theme.spacing(3),
                        height: theme.spacing(3),
                        lineHeight: theme.spacing(3),
                        fontSize: 12
                    },
                    "& + li": {
                        marginTop: theme.spacing(1.5)
                    }
                },
                _b),
            ul: {
                padding: 0,
                li: (_c = {
                        paddingLeft: theme.spacing(6),
                        "& + li": {
                            marginTop: theme.spacing(2)
                        }
                    },
                    _c[theme.breakpoints.down("sm")] = {
                        paddingLeft: theme.spacing(4),
                        "& + li": {
                            marginTop: theme.spacing(1.5)
                        }
                    },
                    _c)
            }
        },
        "ol + .MuiTableContainer-root": (_d = {
                paddingLeft: theme.spacing(6)
            },
            _d[theme.breakpoints.down("sm")] = {
                paddingLeft: theme.spacing(4)
            },
            _d),
        ".MuiTableCell-root": tslib_es6.__assign(tslib_es6.__assign({}, theme.typography.heroParagraph), (_e = { fontWeight: "normal", paddingRight: theme.spacing(5) }, _e[theme.breakpoints.down("sm")] = {
            fontSize: "14px",
            lineHeight: "21px"
        }, _e)),
        ".MuiTypography-h3Bold, .MuiTypography-h2": (_f = {
                marginBottom: theme.spacing(2.5),
                marginTop: theme.spacing(8)
            },
            _f[theme.breakpoints.down("sm")] = {
                marginTop: theme.spacing(4.25),
                marginBottom: theme.spacing(2)
            },
            _f),
        ".MuiButton-text": {
            padding: "0 !important"
        },
        ".MuiAsset": (_g = {
                display: "block",
                marginBlock: theme.spacing(8),
                marginInline: theme.spacing(-10),
                img: {
                    width: "100%"
                }
            },
            _g[theme.breakpoints.down("md")] = {
                marginInline: 0,
                marginBlock: theme.spacing(4)
            },
            _g)
    });
});
var TextContent = function (_a) {
    var children = _a.children, props = tslib_es6.__rest(_a, ["children"]);
    return jsxRuntime.jsx(StyledText, tslib_es6.__assign({}, props, { children: children }), void 0);
};

exports["default"] = TextContent;