'use client'
import { useEffect } from 'react'
interface ToastProps {
message: string
type: 'success' | 'error'
onClose: () => void
}
export default function Toast({ message, type, onClose }: ToastProps) {
useEffect(() => {
const timer = setTimeout(() => {
onClose()
}, 3000)
return () => clearTimeout(timer)
}, [onClose])
const bgColor =
type === 'success'
? 'bg-green-600 dark:bg-green-700'
: 'bg-red-600 dark:bg-red-700'
const icon =
type === 'success' ? (
) : (
)
return (
)
}