@props(['route', 'label', 'pattern'])

@php
    $isActive = request()->routeIs($pattern);
    $classes = $isActive
        ? 'bg-white bg-opacity-20 text-white rounded px-2 py-1'
        : 'text-gray-200 hover:bg-white hover:bg-opacity-10 rounded px-2 py-1';
@endphp

<a href="{{ route($route) }}" class="{{ $classes }}">
    {{ $label }}
</a>