@e-group/material-layout/Center/Center.js

EGroup Team web layout react components.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _core = require("@material-ui/core");

var _WindowCenter = _interopRequireDefault(require("./WindowCenter"));

var _NormalCenter = _interopRequireDefault(require("./NormalCenter"));

const styles = () => (0, _core.createStyles)({
  root: {
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center'
  }
});

const Center = (_ref) => {
  let height = _ref.height,
      other = (0, _objectWithoutProperties2.default)(_ref, ["height"]);

  if (height !== undefined) {
    return /*#__PURE__*/_react.default.createElement(_NormalCenter.default, (0, _extends2.default)({
      height: height
    }, other));
  }

  if (typeof window !== 'undefined') {
    return /*#__PURE__*/_react.default.createElement(_WindowCenter.default, other);
  }

  return null;
};

var _default = (0, _core.withStyles)(styles, {
  name: 'EgCenter'
})(Center);

exports.default = _default;