@waasabi-ui/navbar-menu/dist/hooks/useWindowSize.js

"use strict";

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

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

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

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

var _react = require("react");

/* eslint-disable no-undef */
var useWindowSize = function useWindowSize() {
  var isClient = (typeof window === "undefined" ? "undefined" : (0, _typeof2["default"])(window)) === 'object';
  var getSize = (0, _react.useCallback)(function () {
    return {
      width: isClient ? window.innerWidth : undefined,
      height: isClient ? window.innerHeight : undefined
    };
  }, [isClient]);

  var _useState = (0, _react.useState)(getSize),
      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
      windowSize = _useState2[0],
      setWindowSize = _useState2[1];

  (0, _react.useEffect)(function () {
    if (!isClient) return false;

    var handleResize = function handleResize() {
      return setWindowSize(getSize());
    };

    window.addEventListener('resize', handleResize);
    return function () {
      return window.removeEventListener('resize', handleResize);
    };
  }, [getSize, isClient]);
  return windowSize;
};

var _default = useWindowSize;
exports["default"] = _default;