toast.ts

export const showErrorToast = (message: string) => {
  const toastTemplate = document.getElementById('toast-template') as HTMLTemplateElement;
  if (!toastTemplate) return;

  const toastClone = document.importNode(toastTemplate.content, true);
 document.body.appendChild(toastClone);

  const newToast = document.body.lastElementChild as HTMLElement;
  if (!newToast) return;

  const messageElement = newToast.querySelector('.toast');
  if (!messageElement) return;

  messageElement.textContent = message;

  setTimeout(() => {
    newToast.classList.add('fade-in');
  }, 10);

  setTimeout(() => {
    newToast.remove();
  }, 3000);
};