import React from 'react'; interface AlertProps { type?: 'info' | 'danger' | 'warning' | 'success'; title: string; message: string; className?: string; } export function Alert({ type = 'info', title, message, className = '' }: AlertProps) { const styles = { info: 'bg-[#E3EBE8]/50 border-gray-200 text-[#3D4E4B]', danger: 'bg-red-50 border-red-100 text-red-700', warning: 'bg-amber-50 border-amber-100 text-amber-800', success: 'bg-teal-50 border-teal-100 text-teal-800' }; const icons = { info: , danger: , warning: , success: }; return (
{icons[type]}

{title}

{message}

); }