@wulperstudio/cms/modern/layouts/LayoutAuth/LayoutAuth.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["contentLeft", "contentRight", "gridDirection", "componentsProps"];
import React from 'react';
import { useMediaQuery, useTheme } from '@mui/material';
import { Root, ColLeft, ColRight } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var LayoutAuth = function LayoutAuth(_ref) {
  var contentLeft = _ref.contentLeft,
    contentRight = _ref.contentRight,
    gridDirection = _ref.gridDirection,
    componentsProps = _ref.componentsProps,
    props = _objectWithoutProperties(_ref, _excluded);
  var theme = useTheme();
  var isMqMd = useMediaQuery(theme.breakpoints.down('md'));
  return /*#__PURE__*/_jsxs(Root, Object.assign({
    gridDirection: gridDirection
  }, props, {
    children: [/*#__PURE__*/_jsx(ColLeft, Object.assign({}, componentsProps == null ? void 0 : componentsProps.columnLeft, {
      children: contentLeft
    })), !isMqMd && /*#__PURE__*/_jsx(ColRight, Object.assign({}, componentsProps == null ? void 0 : componentsProps.columnRight, {
      children: contentRight
    }))]
  }));
};