import { BaseNotification } from "_components/customToasts/BaseNotification"
import { TriangleAlert } from "lucide-react"
import toast, { Toast } from "react-hot-toast"


export const HPGnotValidatedToast = ({_toast}: {_toast: Toast}) => {
    return <BaseNotification icon={<TriangleAlert />} className="flex flex-row">
				<div className="flex-1">
					<h1 className="font-bold text-red-600">Einsatz nicht HPG-validiert</h1>
					<p className="text-sm">Vergleiche die Position des Einsatzes mit der HPG-Position in Hubschrauber</p>
				</div>
				<div className="ml-11">
					<button className="btn" onClick={() => toast.dismiss(_toast.id)}>
						schließen
					</button>
				</div>
			</BaseNotification>
}

export const showToast = () => {
    toast.custom((t) => {
        return (<HPGnotValidatedToast _toast={t} />);
    }, {duration: 1000 * 60 * 10}); // 10 minutes
}