<li @isset($item['id']) id="{{ $item['id'] }}" @endisset class="nav-item" style="margin-left: 10px;">

    <a  class="nav-link {{ $item['class'] }} d-flex align-items-center" href="{{ $item['href'] }}"
       @isset($item['target']) target="{{ $item['target'] }}" @endisset
       {!! $item['data-compiled'] ?? '' !!}>

       <div class="d-flex justify-content-center align-items-center rounded-circle p-1" style="height: 30px; width: 30px;">
            {{-- Icon (optional) --}}
            @isset($item['icon'])
                <i class="{{ $item['icon'] }} {{
                    isset($item['icon_color']) ? 'text-' . $item['icon_color'] : 'text-black'
                }}"></i>
            @endisset
       </div>

        {{-- Text --}}
        <span class="mx-1 text-nowrap">{{ $item['text'] }}</span>

        {{-- Label (optional) --}}
        @isset($item['label'])
            <span class="badge badge-{{ $item['label_color'] ?? 'primary' }}">
                {{ $item['label'] }}
            </span>
        @endisset

    </a>

</li>
