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

Wulper Studio Library Components CMS

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import React from 'react';
import { useTheme } from '@mui/material';
import { BoxContainer } from '../../../organisms/BoxContainer';
import { jsx as _jsx } from "react/jsx-runtime";
export var BoxBody = function BoxBody(_ref) {
  var children = _ref.children;
  var theme = useTheme();
  return /*#__PURE__*/_jsx(BoxContainer, {
    sx: _defineProperty({
      width: '100%',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      height: '100%',
      justifyContent: 'center',
      overflow: 'auto'
    }, theme.breakpoints.down('lg'), {
      overflow: 'unset',
      justifyContent: 'center'
    }),
    children: children
  });
};