import { expandNav, closeNav } from "./functions.js";

document.addEventListener("DOMContentLoaded", () => {
  // Variables
  const nodes = {
    burgerBtn: document.querySelector(".burger-btn"),
    closeNavBtn: document.querySelector(".expanded-nav .close-btn"),
    expandedNav: document.querySelector(".expanded-nav"),
    main: document.querySelector("main"),
  };

  // Listeners
  nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
  nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));

  // Key shortcuts
  window.addEventListener("keyup", (event) => {
    if (event.key === "Escape") {
      closeNav(nodes);
    }
  });
  window.addEventListener("scroll", (event) => {
    if (nodes.expandedNav.classList.contains("open")) {
      closeNav(nodes);
    }
  });
});