@wulperstudio/cms/node/base/rootLayout/RootLayout.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _utils = require("./utils");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["sx"];
var RootLayout = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
  var sx = _ref.sx,
    other = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var height = (0, _utils.useHeightViewPort)();
  var styleWithRealHeight = Object.assign({}, sx, {
    height: height ? "".concat(height, "px") : '100vh'
  });
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseElementLayout, Object.assign({
    ref: ref,
    sx: styleWithRealHeight
  }, other));
});
var _default = exports["default"] = RootLayout;