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

@php
$classes = match($type) {
    'success' => 'alert-success',
    'danger' => 'alert-danger',
    'warning' => 'alert-warning',
    'info' => 'alert-info',
    'primary' => 'alert-primary',
    'secondary' => 'alert-secondary',
    default => 'alert-info'
};
@endphp

<div class="alert {{ $classes }} @if($dismissible) alert-dismissible fade show @endif" role="alert">
    {{ $slot }}
    
    @if($dismissible)
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    @endif
</div>