@props(['name', 'route', 'active' => false, 'icon' => 'fa-circle'])

<li class="nav-item">
    <a href="{{ $route }}"
       class="nav-link {{ $active ? 'active' : '' }}">
        <i class="nav-icon far {{ $icon }}"></i>
        <p>{{ $name }}</p>
    </a>
</li>