@props(['label', 'col' => 'col-12', 'isStatus' => false])

<div class="{{ $col }}">
    <label class="form-label fw-bold text-uppercase small text-muted mb-2">{{ $label }}</label>
    <div {{ $attributes->merge(['class' => 'form-control bg-light py-2 border-0 shadow-none d-flex align-items-center']) }} 
         style="min-height: 42px; height: auto;">
        
        @if($isStatus)
            <span class="badge {{ $attributes->get('active') ? 'bg-success' : 'bg-danger' }}">
                {{ $slot }}
            </span>
        @else
            <div class="text-dark">
                {{ $slot }}
            </div>
        @endif
    </div>
</div>