import * as React from "react";
import { loadingOverlayManager } from "./LoadingOverlayManager";

export const useLoadingOverlayVisibility = () => {
  const [visible, setVisible] = React.useState(
    loadingOverlayManager.visibility
  );

  React.useEffect(() => {
    const listener = loadingOverlayManager.onVisibilityStateChange(setVisible);

    return () => {
      listener.unsubscribe();
    };
  }, []);

  return visible;
};