{ show = false; }, 3000)"
x-transition:enter="transition ease-out duration-300 transform"
x-transition:enter-start="translate-x-10 opacity-0 scale-95"
x-transition:enter-end="translate-x-0 opacity-100 scale-100"
x-transition:leave="transition ease-in duration-200 transform"
x-transition:leave-start="translate-x-0 opacity-100 scale-100"
x-transition:leave-end="translate-x-10 opacity-0 scale-95"
class="pointer-events-auto w-full flex items-center justify-between gap-3 p-4 rounded-xl shadow-2xl bg-white border-2 border-slate-800 text-sm transition-all"
:class="{
'border-l-[6px] border-l-red-600 shadow-red-950/20': type === 'error',
'border-l-[6px] border-l-emerald-600 shadow-emerald-950/20': type === 'success',
'border-l-[6px] border-l-brand-cyan shadow-cyan-950/20': type === 'info',
'border-l-[6px] border-l-amber-500 shadow-amber-950/20': type === 'warning'
}">