@wulperstudio/cms/modern/components/ListRow/ListRow.js

Wulper Studio Library Components CMS

var _Divider, _Divider2;
/* eslint-disable react/no-array-index-key */
import React from 'react';
import { Divider, Stack, Typography } from '@mui/material';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var ListRow = function ListRow(_ref) {
  var columns = _ref.columns,
    hideDividerTop = _ref.hideDividerTop,
    hideDividerBottom = _ref.hideDividerBottom,
    sx = _ref.sx;
  return /*#__PURE__*/_jsxs(Stack, {
    gap: ".625rem",
    sx: Object.assign({}, sx),
    children: [!hideDividerTop && (_Divider || (_Divider = /*#__PURE__*/_jsx(Divider, {
      variant: "fullWidth"
    }))), /*#__PURE__*/_jsx(Stack, {
      direction: "row",
      gap: "1rem",
      className: "row__container",
      children: columns.map(function (col, i) {
        return /*#__PURE__*/_jsx(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__*/_jsx(Divider, {
      variant: "fullWidth"
    })))]
  });
};
export default ListRow;