import { useEffect } from "react";
import { usePage } from "@inertiajs/react";
import { toast, Toaster } from "sonner";

export default function FlashToaster():any {
    const { flash } = usePage().props as {
        flash?: {
            success?: string;
            error?: string;
            warning?: string;
            info?: string;
        };
    };

    useEffect(() => {
        if (flash?.success) toast.success(flash.success);
        if (flash?.error) toast.error(flash.error);
        if (flash?.warning) toast.warning(flash.warning);
        if (flash?.info) toast.info(flash.info);
    }, [flash]);
}