@wulperstudio/cms/node/layouts/LayoutAuth/components/Box.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Box = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _BoxContainer = require("../../../organisms/BoxContainer");
var _jsxRuntime = require("react/jsx-runtime");
var Box = exports.Box = function Box(_ref) {
  var children = _ref.children,
    gap = _ref.gap,
    width = _ref.width;
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxContainer.BoxContainer, {
    sx: (0, _defineProperty2["default"])({
      width: width || '500px',
      height: 'auto',
      rowGap: gap || '40px',
      display: 'flex',
      flexDirection: 'column',
      maxHeight: '100%',
      overflow: 'auto'
    }, theme.breakpoints.down('lg'), {
      padding: '0px',
      width: '100%',
      height: 'fit-content',
      overflow: 'unset'
    }),
    children: children
  });
};