@vlinderclimate/net-zero-ui/components/shared/Account.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 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 AccountBox = styles.styled(MuiBox__default["default"])(function (_a) {
    var theme = _a.theme;
    return ({
        margin: theme.spacing(0, 1)
    });
});
var AccountImage = styles.styled("img")(function (_a) {
    var _b;
    var theme = _a.theme;
    return (_b = {
            width: theme.spacing(3.5),
            height: theme.spacing(3.5),
            borderRadius: "100%",
            margin: "-8px 0 -9px -15px",
            fontSize: 0
        },
        _b[theme.breakpoints.down("md")] = {
            display: "none"
        },
        _b);
});
var AccountName = styles.styled("span")(function (_a) {
    var _b;
    var theme = _a.theme;
    return (_b = {
            marginLeft: theme.spacing(1)
        },
        _b[theme.breakpoints.down("md")] = {
            marginLeft: 0
        },
        _b);
});
var Account = function (_a) {
    var children = _a.children;
    return jsxRuntime.jsx(AccountBox, { children: children }, void 0);
};

exports.AccountBox = AccountBox;
exports.AccountImage = AccountImage;
exports.AccountName = AccountName;
exports["default"] = Account;