@vlinderclimate/net-zero-ui/components/shared/InlineList.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 StyledList = styles.styled(MuiBox__default["default"])(function (_a) {
    var _b;
    var theme = _a.theme;
    return (_b = {
            display: "flex",
            padding: 0,
            margin: "0 auto",
            listStyle: "none",
            textAlign: "center",
            flexWrap: "wrap",
            justifyContent: "center",
            gap: theme.spacing(1),
            maxWidth: 600,
            li: {
                display: "inline-block",
                position: "relative",
                "&:before": {
                    content: "'∙'",
                    marginRight: theme.spacing(0.8),
                    color: theme.palette.gray[700],
                    fontSize: 15
                },
                "&:first-child": {
                    "&:before": {
                        display: "none"
                    }
                }
            },
            a: {
                textDecoration: "none",
                transition: theme.transitions.create(["color"]),
                "&:hover": {
                    color: theme.palette.text.primary
                }
            }
        },
        _b[theme.breakpoints.down("md")] = {
            lineHeight: "20px",
            ".MuiLink-root": {
                fontSize: 12,
                lineHeight: 1
            }
        },
        _b);
});
var InlineList = function (_a) {
    var children = _a.children, props = tslib_es6.__rest(_a, ["children"]);
    return (jsxRuntime.jsx(StyledList, tslib_es6.__assign({ component: "ul" }, props, { children: children }), void 0));
};

exports["default"] = InlineList;