@props(['class'=>'','type'=>'alert-secondary', 'icon'=>'bi-check-circle', 'close'=> false])
<div
    class="alert custom-alert-one {{ $class }} {{ $type }} @if($close) alert-dismissible fade show @endif" role="alert">
    <i class="bi {{ $icon }}"></i>
    {{ $slot }}
    
    @if($close)
        <button class="btn btn-close position-relative p-1 ms-auto" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
    @endif
</div>



{{-- @if(session('success'))
    <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
        <span class="block sm:inline">{{ session('success') }}</span>
    </div>
@endif

@if(session('error'))
    <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
        <span class="block sm:inline">{{ session('error') }}</span>
    </div>
@endif

@if(session('warning'))
    <div class="bg-yellow-100 border border-yellow-400 text-yellow-700 px-4 py-3 rounded relative mb-4" role="alert">
        <span class="block sm:inline">{{ session('warning') }}</span>
    </div>
@endif

@if(session('info'))
    <div class="bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded relative mb-4" role="alert">
        <span class="block sm:inline">{{ session('info') }}</span>
    </div>
@endif

@if(session('status'))
    <div class="bg-gray-100 border border-gray-400 text-gray-700 px-4 py-3 rounded relative mb-4" role="alert">
        <span class="block sm:inline">{{ session('status') }}</span>
    </div>
@endif --}}