import './easteregg.css'
export function startEasterEgg () {
  const el = document.createElement('div')
  el.innerHTML = ''
  el.className = `easter-egg hidden`
  document.body.append(el)
  return {
    destroy: () => {
      el.remove()
    },
    toggle: () => el.classList.toggle('hidden')
  }
}
export function listenForEasterEgg () {
  const oneko2 = startEasterEgg()
  window.addEventListener('keydown', (k) => {
    if (k.shiftKey && k.altKey) oneko2.toggle()
  })
  window.addEventListener('keyup', (k) => {
    if (k.shiftKey && k.altKey) oneko2.toggle()
  })
}
// expose to window
// LATER: there is a way to type this im just lazy atm
// @ts-ignore
window.easter_egg = startEasterEgg