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

<li class="slide">
    <a class="side-menu__item" data-toggle="slide" href="#">

        @if($icon !== '')
            <i class="{{$icon}} la-2x ml-2"></i>

        @endif
        <span class="side-menu__label  m-2">{{  $name  }}</span><i class="angle fe fe-chevron-down"></i></a>
    <ul class="slide-menu">
        @foreach($items as $item)
            <x-sidebar.link
                    :name="$item['name']"
                    :icon="$item['icon']"
                    :url="$item['url']"
            />
        @endforeach
    </ul>
</li>