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

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["firstBox", "secondBox", "sx"];
import React from 'react';
import { useTheme } from '@mui/material';
import { Hero } from '../../layouts';
import { ContentRowBlock } from '../ContentRowBlock';
import { jsx as _jsx } from "react/jsx-runtime";
export var AssetAccordion = function AssetAccordion(_ref) {
  var first = _ref.first,
    second = _ref.second,
    HeroProps = _ref.HeroProps,
    contentRowBlockProps = _ref.contentRowBlockProps;
  var theme = 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 = _objectWithoutProperties(_ref2, _excluded);
  return /*#__PURE__*/_jsx(Hero, Object.assign({}, HeroProps, {
    children: /*#__PURE__*/_jsx(ContentRowBlock, Object.assign({
      firstBox: firstBox,
      secondBox: secondBox,
      sx: Object.assign(_defineProperty({
        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))
  }));
};