@props([
    'type' => 'info',
    'dismissible' => false,
    'icon' => null,
])

@php
    $iconClass = $icon ?? match($type) {
        'success' => 'bi-check-circle',
        'danger' => 'bi-x-circle',
        'warning' => 'bi-exclamation-triangle',
        default => 'bi-info-circle',
    };
@endphp

<div {{ $attributes->merge(['class' => 'bv-alert bv-alert--' . $type, 'role' => 'alert']) }}>
    <i class="bi {{ $iconClass }} flex-shrink-0" aria-hidden="true"></i>
    <div class="flex-grow-1">{{ $slot }}</div>
    @if($dismissible)
        <button type="button" class="btn-close btn-close-sm ms-2" data-bs-dismiss="alert" aria-label="Close"></button>
    @endif
</div>