let toastEl: HTMLElement | null = null;
let toastTimeout: number | null = null;

export function toast(message: string, duration = 2000): void {
  if (!toastEl) {
    toastEl = document.createElement('div');
    toastEl.className = 'toast';
    document.body.appendChild(toastEl);
  }

  if (toastTimeout) {
    clearTimeout(toastTimeout);
  }

  toastEl.textContent = message;
  toastEl.classList.add('show');

  toastTimeout = window.setTimeout(() => {
    toastEl?.classList.remove('show');
  }, duration);
}