@wulperstudio/cms/node/components/OutputTableList/OutputTableList.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
/* eslint-disable react/no-array-index-key */

var OutputTableList = function OutputTableList(props) {
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.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__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
          item: true,
          container: true,
          justifyContent: "space-between",
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
            item: true,
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
              fontSize: "14px",
              fontWeight: 500,
              color: theme.palette.text.primary,
              children: textPrimary
            })
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
            item: true,
            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
              fontSize: "16px",
              fontWeight: 700,
              color: theme.palette.text.primary,
              children: textSecondary
            })
          })]
        }), props.showDivider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
          item: true,
          xs: 12,
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
            variant: "fullWidth",
            sx: {
              borderColor: theme.palette.background.paper
            }
          })
        })]
      }, i);
    }), !props.showDivider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
      item: true,
      xs: 12,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
        variant: "fullWidth",
        sx: {
          borderColor: theme.palette.background.paper
        }
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
      item: true,
      container: true,
      justifyContent: "space-between",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
        item: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
          fontSize: "14px",
          fontWeight: 500,
          color: theme.palette.text.primary,
          children: props.data.bottomTextPrimary
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
        item: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
          fontSize: "14px",
          fontWeight: 700,
          color: theme.palette.text.primary,
          children: props.data.bottomTextSecondary
        })
      })]
    })]
  });
};
var _default = exports["default"] = OutputTableList;