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



<li class="nav-item">
    <a class="nav-link {{ $active ? 'active' : '' }}" id="{{ $id }}-tab"
        data-bs-toggle="pill" href="#{{ $id }}" role="tab">
        <div class="product-tab-content">
            <h6>{{ $label }}</h6>
            <p>{{ $p }}</p>
        </div>
    </a>
</li>