/**
 * Navigation component
 *
 * Handles navbar burger toggle for mobile navigation.
 * Migrated from static/site.js
 */

export function initNavigation(): void {
  const navbarBurgers = document.querySelectorAll<HTMLElement>('.navbar-burger')

  navbarBurgers.forEach((el) => {
    el.addEventListener('click', () => {
      const targetId = el.dataset.target
      if (!targetId) return

      const target = document.getElementById(targetId)
      if (!target) return

      el.classList.toggle('is-active')
      target.classList.toggle('is-active')
    })
  })
}