export const data = {
  online: true,
};

export const updateOnline = () => {
  data.online = navigator.onLine;
};

export default () => <p>{data.online ? "Online" : "Offline"}</p>;

export const onStart = () => {
  updateOnline();
  window.addEventListener("online", updateOnline);
  window.addEventListener("offline", updateOnline);
};

export const onClose = () => {
  window.removeEventListener("online", updateOnline);
  window.removeEventListener("offline", updateOnline);
};