@props(['active', 'href', 'icon'])
@php
$classes = ($active ?? false)
? 'flex items-center gap-3 px-3 py-2.5 text-sm font-semibold rounded-xl bg-gradient-to-r from-indigo-50 to-purple-50 text-indigo-700 transition-all duration-200 shadow-sm border border-indigo-100'
: 'flex items-center gap-3 px-3 py-2.5 text-sm font-medium text-gray-700 rounded-xl hover:bg-gradient-to-r hover:from-gray-100 hover:to-gray-50 hover:text-gray-900 transition-all duration-200 group';
// Icon Map (Simplistic approach - in real app might use a proper icon component)
$icons = [
'home' => '',
'users' => '',
'academic-cap' => '',
'collection' => '',
'cash' => '',
'cog' => '',
'calendar' => '',
'calculator' => '',
'clipboard-list' => '',
'document-text' => '',
'chat' => '',
'book-open' => '',
'id-card' => '',
'briefcase' => '',
'user-group' => '',
'credit-card' => '',
'shield-check' => '',
'puzzle' => '',
'location-marker' => '',
'office-building' => '',
'presentation-chart-line' => '',
'truck' => '',
'map' => '',
'user-add' => '',
'identification' => '',
'scale' => '',
'chart-bar' => '',
'star' => '',
'photograph' => '',
];
$svgPath = $icons[$icon] ?? null;
@endphp
merge(['class' => $classes]) }}>
@if($svgPath)
@else
@endif
{{ $slot }}