@props([ 'on', 'timeout' => 3000, 'closeable' => true, ]) @php $typeClasses = [ 'success' => 'border-success-500', 'error' => 'border-red-500', 'warning' => 'border-yellow-500', 'info' => 'border-blue-500', ]; $iconWrapClasses = [ 'success' => 'text-success-600 dark:text-success-500 bg-success-50 dark:bg-success-500/[0.15]', 'error' => 'text-red-600 dark:text-red-500 bg-red-50 dark:bg-red-500/[0.15]', 'warning' => 'text-yellow-700 dark:text-yellow-500 bg-yellow-50 dark:bg-yellow-500/[0.15]', 'info' => 'text-blue-600 dark:text-blue-500 bg-blue-50 dark:bg-blue-500/[0.15]', ]; @endphp
merge(['class' => 'fixed right-6 bottom-6 p-2 z-999 flex items-center justify-between gap-3 w-full sm:max-w-[340px] rounded-md border-b-4 bg-white p-3 shadow-theme-sm dark:bg-[#1E2634]']) }} :class="{ 'border-success-500': type === 'success', 'border-red-500': type === 'error', 'border-yellow-500': type === 'warning', 'border-blue-500': type === 'info', }" >

@if ($closeable) @endif