@props([
    'type' => 'info',
    'icon' => null,
    'title' => null,
    'dismissible' => true,
    'class' => ''
])

@php
    $icons = [
        'success' => 'fas fa-check-circle',
        'danger' => 'fas fa-exclamation-triangle',
        'warning' => 'fas fa-exclamation-triangle',
        'info' => 'fas fa-info-circle',
        'primary' => 'fas fa-info-circle'
    ];
    
    $defaultIcon = $icons[$type] ?? 'fas fa-info-circle';
    $alertIcon = $icon ?? $defaultIcon;
    
    // Asegurar texto blanco para tipos con fondo oscuro
    $textClass = in_array($type, ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark']) ? 'text-white' : '';
@endphp

<div class="alert alert-{{ $type }} {{ $dismissible ? 'alert-dismissible fade show' : '' }} {{ $class }} {{ $textClass }}" role="alert">
    @if($alertIcon)
        <i class="{{ $alertIcon }} me-2"></i>
    @endif
    
    @if($title)
        <strong>{{ $title }}</strong>
    @endif
    
    {{ $slot }}
    
    @if($dismissible)
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    @endif
</div>