@wulperstudio/cms/node/organisms/AssetAccordion/AssetAccordion.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AssetAccordion = 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 _layouts = require("../../layouts");
var _ContentRowBlock = require("../ContentRowBlock");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["firstBox", "secondBox", "sx"];
var AssetAccordion = exports.AssetAccordion = function AssetAccordion(_ref) {
  var first = _ref.first,
    second = _ref.second,
    HeroProps = _ref.HeroProps,
    contentRowBlockProps = _ref.contentRowBlockProps;
  var theme = (0, _material.useTheme)();
  var _ref2 = contentRowBlockProps || {},
    _ref2$firstBox = _ref2.firstBox,
    firstBox = _ref2$firstBox === void 0 ? first : _ref2$firstBox,
    _ref2$secondBox = _ref2.secondBox,
    secondBox = _ref2$secondBox === void 0 ? second : _ref2$secondBox,
    sx = _ref2.sx,
    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_layouts.Hero, Object.assign({}, HeroProps, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentRowBlock.ContentRowBlock, Object.assign({
      firstBox: firstBox,
      secondBox: secondBox,
      sx: Object.assign((0, _defineProperty2["default"])({
        display: 'flex',
        flexDirection: 'row',
        justifyContent: 'space-evenly ',
        alignItems: 'center',
        width: '100%',
        gap: 0,
        py: '70px'
      }, theme.breakpoints.down('md'), {
        flexDirection: 'column-reverse',
        rowGap: 0
      }), sx)
    }, rest))
  }));
};