7 lines
856 B
TypeScript
7 lines
856 B
TypeScript
'use client'
|
|
interface ToastProps { message: string; type?: 'success' | 'error' | 'info'; onClose: () => void }
|
|
export function Toast({ message, type = 'info', onClose }: ToastProps) {
|
|
const c = { success: 'bg-emerald-50 text-emerald-800 border-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20', error: 'bg-red-50 text-red-800 border-red-200 dark:bg-red-500/10 dark:text-red-400 dark:border-red-500/20', info: 'bg-blue-50 text-blue-800 border-blue-200 dark:bg-blue-500/10 dark:text-blue-400 dark:border-blue-500/20' }
|
|
return (<div className={`fixed bottom-6 right-6 z-50 px-4 py-3 rounded-lg border shadow-lg text-sm font-medium ${c[type]}`}><div className="flex items-center gap-3"><span>{message}</span><button onClick={onClose} className="text-current opacity-60 hover:opacity-100">×</button></div></div>)
|
|
}
|