@props([
    'type' => 'success',
    'icons' => [
        'success' => 'check',
        'danger' => 'x',
    ],
    'classes' => [
        'success' => 'text-success',
        'danger' => 'text-danger',
    ],
])
<div class="flex items-center justify-center {{ $classes[$type] }}">
  <i data-lucide="{{ $icons[$type] }}" class="w-4 h-4 mr-1"></i>{{ $slot }}
</div>