@wulperstudio/cms/node/components/ListRow/ListRow.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");
var _Divider, _Divider2;
/* eslint-disable react/no-array-index-key */
var ListRow = function ListRow(_ref) {
  var columns = _ref.columns,
    hideDividerTop = _ref.hideDividerTop,
    hideDividerBottom = _ref.hideDividerBottom,
    sx = _ref.sx;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
    gap: ".625rem",
    sx: Object.assign({}, sx),
    children: [!hideDividerTop && (_Divider || (_Divider = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
      variant: "fullWidth"
    }))), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
      direction: "row",
      gap: "1rem",
      className: "row__container",
      children: columns.map(function (col, i) {
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({
          fontWeight: col.weight,
          color: col.color,
          fontSize: col.size
        }, col.typographyProps, {
          children: col.text
        }), "".concat(i, "-").concat(col.text));
      })
    }), !hideDividerBottom && (_Divider2 || (_Divider2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
      variant: "fullWidth"
    })))]
  });
};
var _default = exports["default"] = ListRow;