"use client";
import { useEffect } from "react";

export default function Toast({ message, onClose, type = "error" }: { message: string; onClose: () => void; type?: "error" | "success" }) {
  useEffect(() => {
    const timer = window.setTimeout(onClose, 6000);
    return () => window.clearTimeout(timer);
  }, [message, onClose]);
  return <div className={`app-toast is-${type}`} role="status" aria-live="polite">
    <strong>{type === "success" ? "Listo" : "Atención"}</strong><span>{message}</span>
    <button type="button" onClick={onClose} aria-label="Cerrar aviso">×</button>
  </div>;
}