$dispatch('toast-remove', { id: toast.id }), 300)"
:class="{
'bg-green-50 border-green-200 text-green-800': toast.type === 'success',
'bg-red-50 border-red-200 text-red-800': toast.type === 'error',
'bg-yellow-50 border-yellow-200 text-yellow-800': toast.type === 'warning',
'bg-blue-50 border-blue-200 text-blue-800': toast.type === 'info',
}"
class="max-w-md w-full border rounded-lg shadow-lg p-4 cursor-pointer"
>