@props([
    'type' => 'info',
    'message' => null,
    'dismissible' => true,
])

@php
    $icons = [
        'success' => 'bi-check-circle',
        'danger' => 'bi-exclamation-octagon',
        'warning' => 'bi-exclamation-triangle',
        'info' => 'bi-info-circle',
    ];
@endphp

<div class="alert alert-{{ $type }} {{ $dismissible ? 'alert-dismissible' : '' }} d-flex gap-2" role="alert">
    <i class="bi {{ $icons[$type] ?? 'bi-info-circle' }} mt-1"></i>
    <div class="flex-grow-1">
        {{ $message }}
        {{ $slot }}
    </div>
    @if ($dismissible)
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{{ __('common.close') }}"></button>
    @endif
</div>