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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BoxHeader = 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 BoxHeader = exports.BoxHeader = function BoxHeader(_ref) {
  var children = _ref.children;
  var theme = (0, _material.useTheme)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BoxContainer.BoxContainer, {
    sx: (0, _defineProperty2["default"])({
      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
  });
};