UNPKG

@vlinderclimate/net-zero-ui

Version:

<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>

53 lines (48 loc) 1.94 kB
'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 material = require('@mui/material'); var components_shared_Animate = require('./shared/Animate.js'); /** * Styles */ var TableContainer = styles.styled(material.TableContainer)(function (_a) { var _b; var theme = _a.theme; return (_b = { marginBottom: theme.spacing(4), ".animate__animated &": { overflow: "visible !important" } }, _b[theme.breakpoints.down("sm")] = { marginBottom: theme.spacing(2.5) }, _b); }); var Table = styles.styled(material.Table)(function (_a) { var theme = _a.theme, _b = _a.border, border = _b === void 0 ? false : _b; return ({ ".MuiTableCell-root": { border: border ? undefined : 0, padding: border ? theme === null || theme === void 0 ? void 0 : theme.spacing(1.8, 0) : theme === null || theme === void 0 ? void 0 : theme.spacing(0.375, 2, 0.375, 0), "&:last-child": { textAlign: "end", paddingRight: 0 } }, tr: tslib_es6.__assign({}, components_shared_Animate.animation) }); }); /** * Components */ var SimpleTable = function (_a) { var children = _a.children, _b = _a.border, border = _b === void 0 ? false : _b, props = tslib_es6.__rest(_a, ["children", "border"]); return (jsxRuntime.jsx(TableContainer, tslib_es6.__assign({}, props, { children: jsxRuntime.jsx(Table, tslib_es6.__assign({ border: border }, { children: jsxRuntime.jsx("tbody", { children: children }, void 0) }), void 0) }), void 0)); }; exports.Table = Table; exports.TableContainer = TableContainer; exports["default"] = SimpleTable;