'use client';
import { Notification } from './NotificationProvider';
interface NotificationToastProps {
notification: Notification;
onClose: () => void;
}
export default function NotificationToast({ notification, onClose }: NotificationToastProps) {
const getIcon = () => {
switch (notification.type) {
case 'success':
return (
);
case 'error':
return (
);
case 'warning':
return (
);
default:
return (
);
}
};
const getStyles = () => {
switch (notification.type) {
case 'success':
return 'bg-green-50 border-green-200 text-green-800';
case 'error':
return 'bg-red-50 border-red-200 text-red-800';
case 'warning':
return 'bg-yellow-50 border-yellow-200 text-yellow-800';
default:
return 'bg-blue-50 border-blue-200 text-blue-800';
}
};
return (
);
}