@props([
    'active'=>false,
    'href'=>'#',
    'title'=>'',
    'system'=>'',
    'permission'=>'dashboard.view',
    'icon'=>'ki-filled ki-profile-circle'
])
@if($system and auth()->user()->canShow($system))
@can($permission)
<a class="relative z-[95] hover:z-[130] kt-btn kt-btn-ghost kt-btn-icon rounded-full size-10 border border-transparent text-secondary-foreground hover:bg-background hover:[&_i]:text-primary hover:border-input [.active&]:bg-background [.active&]:[&_i]:text-primary [.active&]:border-input {{$active?'active':''}}"
   data-kt-tooltip="true" data-kt-tooltip-placement="left" data-kt-tooltip-placement-rtl="right"
   href="{{$href}}">
    @if($icon)
        <span class="kt-menu-icon">
               <i class="{{$icon}}">
               </i>
              </span>
    @endif

    <span class="kt-tooltip transition-opacity !z-[130]" data-kt-tooltip-content="true">
         {{ __((string) $title) }}
        </span>
</a>
@endcan
@endif