import { useEffect, useState } from "react";
interface ToastProps {
message: string;
type: "success" | "error";
onClose: () => void;
}
export default function Toast({ message, type, onClose }: ToastProps) {
const [isVisible, setIsVisible] = useState(false);
useEffect(() => {
setIsVisible(true);
const timer = setTimeout(() => {
setIsVisible(false);
setTimeout(onClose, 300); // Wait for animation to complete
}, 3000);
return () => clearTimeout(timer);
}, [onClose]);
const bgColor = type === "success" ? "bg-green-500" : "bg-red-500";
const icon = type === "success" ? (
) : (
);
return (
{icon}
{message}
);
}