@php
    $type = $type ?? 'info'; // success, danger, warning, info
    $dismissible = $dismissible ?? true;
    $icon = $icon ?? ($type === 'danger' ? 'exclamation-triangle-fill' : ($type === 'success' ? 'check-circle-fill' : ($type === 'warning' ? 'exclamation-circle-fill' : 'info-circle-fill')));
@endphp
<div class="alert alert-{{ $type }} @if($dismissible)alert-dismissible fade show @endif d-flex align-items-start gap-2"
     role="alert">
    <i class="bi bi-{{ $icon }} me-1" aria-hidden="true" style="font-size: 1.25rem;"></i>
    <div class="flex-grow-1">
        @if($title)
            <h6 class="alert-heading mb-1">{{ $title }}</h6>
        @endif
        {{ $slot }}
    </div>
    @if($dismissible)
        <button type="button" class="btn-close" data-bs-dismiss="alert"
                aria-label="Fechar"></button>
    @endif
</div>