@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
JavaScript
;
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;