@props([
   'id' , 'active' => '' , 'col' => '' , 'label' => '',
])




<div class="tab-pane fade show {{ $active ? 'active' : '' }}" id="project-{{ $id }}" role="tabpanel">
    <div class="row">
        <div class="col-xl-{{ $col ? $col : '12' }}">
            <div class="card">
                <div class="card-body">
                    <div class="text-muted">
                        <h6 class="mb-3 fw-semibold text-uppercase">{{ $label }}</h6>



                       {{ $slot }}



                    </div>
                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->


        </div>

    </div>

</div>