@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
59 lines (58 loc) • 2.42 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ContentRowBlock = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["firstBox", "secondBox", "firstBoxProps", "secondBoxProps", "isOneBox"],
_excluded2 = ["sx", "maxWidth", "component"];
var ContentRowBlock = exports.ContentRowBlock = function ContentRowBlock(_ref) {
var firstBox = _ref.firstBox,
secondBox = _ref.secondBox,
firstBoxProps = _ref.firstBoxProps,
secondBoxProps = _ref.secondBoxProps,
isOneBox = _ref.isOneBox,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var theme = (0, _material.useTheme)();
var sx = props.sx,
_props$maxWidth = props.maxWidth,
maxWidth = _props$maxWidth === void 0 ? 'xl' : _props$maxWidth,
_props$component = props.component,
component = _props$component === void 0 ? 'section' : _props$component,
rest = (0, _objectWithoutProperties2["default"])(props, _excluded2);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Container, Object.assign({
component: component,
maxWidth: maxWidth,
sx: Object.assign({
display: 'grid',
gridTemplateColumns: 'repeat(2, 1fr)',
gap: '20px'
}, isOneBox && {
gridTemplateColumns: 'unset',
placeItems: 'center'
}, (0, _defineProperty2["default"])({}, theme.breakpoints.down('md'), {
gridTemplateColumns: '1fr'
}), sx)
}, rest, {
children: isOneBox ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
component: "article"
}, firstBoxProps, {
children: firstBox
})) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
component: "article"
}, firstBoxProps, {
children: firstBox
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
component: "article"
}, secondBoxProps, {
children: secondBox
}))]
})
}));
};