import React from "react"; // hooks import { CheckCircleIcon, ExclamationTriangleIcon, InformationCircleIcon, XCircleIcon, XMarkIcon, } from "@heroicons/react/24/outline"; import useToast from "hooks/use-toast"; // icons const ToastAlerts = () => { const { alerts, removeAlert } = useToast(); if (!alerts) return null; return (
{alert.title}
{alert.message &&{alert.message}
}