@wulperstudio/cms/modern/layouts/LayoutAuth/components/BoxHeader.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 BoxHeader = function BoxHeader(_ref) {
  var children = _ref.children;
  var theme = useTheme();
  return /*#__PURE__*/_jsx(BoxContainer, {
    sx: _defineProperty({
      display: 'flex',
      width: '100%',
      justifyContent: 'space-between',
      alignItems: 'center',
      minHeight: '75px',
      p: '0px 60px'
    }, theme.breakpoints.down('lg'), {
      p: '10px',
      backgroundColor: theme.palette.background["default"]
    }),
    children: children
  });
};