@props(['name', 'icon', 'active' => false])

<li class="nav-item">
    <a href="#" class="nav-link {{ $active ? 'active' : '' }}">
        <i class="nav-icon far {{ $icon }}"></i>
        <p>
            {{ $name }}
            <i class="fas fa-angle-left right"></i>
        </p>
    </a>
    <ul class="nav nav-treeview">

        {{ $slot }}
    </ul>
</li>