import LoginComponent from '$utils/LoginComponent';

declare global {
  interface Window {
    LoginComponent: typeof LoginComponent;
    loginComponent: LoginComponent;
    debounce: (functionToDebounce: () => void, delay: number) => () => void;
    setQueryP: (key: string, value: string) => void;
  }
}

window.addEventListener(
  'DOMContentLoaded',
  () => {
    window.LoginComponent = LoginComponent;
    LoginComponent.contentLoaded();
  },
  { once: true }
);

document.querySelector('#login-button')?.addEventListener('click', () => {
  if (!window.loginComponent) {
    setTimeout(() => {
      window.loginComponent = new LoginComponent();
    }, 1000);
  } else {
    window.loginComponent.restart();
  }
});