@vlinderclimate/net-zero-ui/components/shared/Menu.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');
var MuiLink = require('@mui/material/Link');
var MuiMenuItem = require('@mui/material/MenuItem');

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

var MuiBox__default = /*#__PURE__*/_interopDefaultLegacy(MuiBox);
var MuiLink__default = /*#__PURE__*/_interopDefaultLegacy(MuiLink);
var MuiMenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MuiMenuItem);

var MenuBox = styles.styled(MuiBox__default["default"])(function (_a) {
    _a.theme;
    return ({
        display: "flex",
        alignItems: "center",
        justifyContent: "flex-end",
        height: "100%"
    });
});
var MenuItem = styles.styled(MuiMenuItem__default["default"])(function (_a) {
    var _b;
    var theme = _a.theme;
    return ({
        backgroundColor: "transparent",
        padding: 0,
        marginRight: theme.spacing(1),
        "&:hover": {
            backgroundColor: "transparent"
        },
        "& .MuiLink-root": (_b = {
                padding: theme.spacing(1, 2.5),
                fontSize: theme.typography.fontSizeXs1,
                fontWeight: theme.typography.fontWeightMedium,
                transition: theme.transitions.create(["color"]),
                color: theme.palette.text.primary,
                "&:hover": {
                    color: theme.palette.primary.main,
                    ".icon path": {
                        fill: theme.palette.primary.main
                    }
                }
            },
            _b[theme.breakpoints.down("lg")] = {
                padding: theme.spacing(0.5, 1.5)
            },
            _b),
        "& .MuiButton-text": {
            "&:hover": {
                color: theme.palette.primary.main
            }
        }
    });
});
var MenuComponent = function (_a) {
    var list = _a.list;
    return (jsxRuntime.jsx(MenuBox, { children: list === null || list === void 0 ? void 0 : list.map(function (item, i) { return (jsxRuntime.jsx(MenuItem, { children: jsxRuntime.jsx(MuiLink__default["default"], tslib_es6.__assign({ href: item.link }, { children: item.title }), void 0) }, i)); }) }, void 0));
};

exports["default"] = MenuComponent;