@wulperstudio/cms/node/organisms/Blocks/TitleGrid/index.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TitleGrid = void 0;
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _material = require("@mui/material");
var _GridCards = require("../../GridCards");
var _jsxRuntime = require("react/jsx-runtime");
var TitleGrid = exports.TitleGrid = function TitleGrid(_ref) {
  var list = _ref.list;
  var theme = (0, _material.useTheme)();
  var isMqMd = (0, _material.useMediaQuery)(theme.breakpoints.down('md'));
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridCards.GridCards, {
    children: list.map(function (_ref2) {
      var label = _ref2.label,
        description = _ref2.description;
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
        component: "article",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
          fontWeight: "400",
          textTransform: "capitalize",
          children: label
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
          fontSize: isMqMd ? '16px' : '20px',
          fontWeight: "700",
          children: description
        })]
      }, (0, _uuid.v4)());
    })
  });
};