UNPKG

@wulperstudio/cms

Version:
81 lines 2.61 kB
/* eslint-disable react/no-array-index-key */ import React from 'react'; import { Grid, Typography, Divider, useTheme } from '@mui/material'; import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; var OutputTableList = function OutputTableList(props) { var theme = useTheme(); return /*#__PURE__*/_jsxs(Grid, { container: true, direction: "column", rowGap: "15px", flexWrap: "nowrap", children: [props.data.information.map(function (_ref, i) { var textPrimary = _ref.textPrimary, textSecondary = _ref.textSecondary; return /*#__PURE__*/_jsxs(React.Fragment, { children: [/*#__PURE__*/_jsxs(Grid, { item: true, container: true, justifyContent: "space-between", children: [/*#__PURE__*/_jsx(Grid, { item: true, children: /*#__PURE__*/_jsx(Typography, { fontSize: "14px", fontWeight: 500, color: theme.palette.text.primary, children: textPrimary }) }), /*#__PURE__*/_jsx(Grid, { item: true, children: /*#__PURE__*/_jsx(Typography, { fontSize: "16px", fontWeight: 700, color: theme.palette.text.primary, children: textSecondary }) })] }), props.showDivider && /*#__PURE__*/_jsx(Grid, { item: true, xs: 12, children: /*#__PURE__*/_jsx(Divider, { variant: "fullWidth", sx: { borderColor: theme.palette.background.paper } }) })] }, i); }), !props.showDivider && /*#__PURE__*/_jsx(Grid, { item: true, xs: 12, children: /*#__PURE__*/_jsx(Divider, { variant: "fullWidth", sx: { borderColor: theme.palette.background.paper } }) }), /*#__PURE__*/_jsxs(Grid, { item: true, container: true, justifyContent: "space-between", children: [/*#__PURE__*/_jsx(Grid, { item: true, children: /*#__PURE__*/_jsx(Typography, { fontSize: "14px", fontWeight: 500, color: theme.palette.text.primary, children: props.data.bottomTextPrimary }) }), /*#__PURE__*/_jsx(Grid, { item: true, children: /*#__PURE__*/_jsx(Typography, { fontSize: "14px", fontWeight: 700, color: theme.palette.text.primary, children: props.data.bottomTextSecondary }) })] })] }); }; export default OutputTableList;