moadim 1.7.4

import { useToasts } from "./toasts";

export function ToastStack() {
  const { toasts } = useToasts();
  return (
    <div className="toast-wrap" role="status" aria-live="polite" aria-atomic="false">
      {toasts.map((t) => (
        <div key={t.id} className={`toast ${t.kind}`}>
          {t.msg}
        </div>
      ))}
    </div>
  );
}