"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var use_breakpoint_exports = {};
__export(use_breakpoint_exports, {
  useBreakpoint: () => useBreakpoint
});
module.exports = __toCommonJS(use_breakpoint_exports);
var import_react = require("react");
var import_styled_components = require("styled-components");
var import_pubsub_js = require("pubsub-js");
var import_react2 = require("../../data/react.js");
var import_breakpoint = require("../../data/breakpoint/index.js");
var import_use_media_query_list = require("./use-media-query-list.js");
var import_constants = require("../../utils/constants.js");
const useBreakpoint = () => {
  const theme = (0, import_react.useContext)(import_styled_components.ThemeContext);
  const currentBreakpoint = (0, import_use_media_query_list.useMediaQueryList)(
    [
      `(max-width: ${theme.breakpoints.small})`,
      `(max-width: ${theme.breakpoints.medium})`,
      `(max-width: ${theme.breakpoints.large})`,
      `(max-width: ${theme.breakpoints.xsmall})`
    ],
    ["small", "medium", "large", "xsmall"],
    "large"
  );
  const dispatch = (0, import_react2.useAppDispatch)();
  (0, import_react.useEffect)(() => {
    dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
    (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
  }, [currentBreakpoint, dispatch]);
};
