@wulperstudio/cms/modern/layouts/LayoutAuth/components/Box.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 Box = function Box(_ref) {
  var children = _ref.children,
    gap = _ref.gap,
    width = _ref.width;
  var theme = useTheme();
  return /*#__PURE__*/_jsx(BoxContainer, {
    sx: _defineProperty({
      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
  });
};