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

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

var MuiListItem__default = /*#__PURE__*/_interopDefaultLegacy(MuiListItem);

var StyledListItem = styles.styled(MuiListItem__default["default"])(function (_a) {
    var _b;
    var theme = _a.theme;
    return (_b = {
            marginBottom: theme === null || theme === void 0 ? void 0 : theme.spacing(1.5),
            fontSize: theme === null || theme === void 0 ? void 0 : theme.typography.fontSizeXs2,
            lineHeight: theme === null || theme === void 0 ? void 0 : theme.typography.lineHeightXs4,
            ".MuiLink-root": {
                color: theme.palette.alpha[700],
                display: "flex",
                alignItems: "center",
                gap: theme.spacing(1),
                transition: theme.transitions.create(["color"]),
                "&:hover": {
                    color: theme.palette.text.primary,
                    ".icon path": {
                        fill: theme.palette.text.primary
                    }
                }
            }
        },
        _b[theme === null || theme === void 0 ? void 0 : theme.breakpoints.up("md")] = {
            "&:last-child": {
                marginBottom: 0
            }
        },
        _b[theme === null || theme === void 0 ? void 0 : theme.breakpoints.down("sm")] = {
            fontSize: theme === null || theme === void 0 ? void 0 : theme.typography.fontSizeXs4
        },
        _b);
});
var ListItem = function (_a) {
    var as = _a.as, props = tslib_es6.__rest(_a, ["as"]);
    return jsxRuntime.jsx(StyledListItem, tslib_es6.__assign({ as: as }, props), void 0);
};

exports["default"] = ListItem;