@props(['active' => 'users'])

<div class="border-b border-gray-200 dark:border-gray-700">
    <nav class="-mb-px flex space-x-8">
        <a href="{{ route('provider.users.index') }}" 
           class="{{ $active === 'users' ? 'text-primary dark:text-primary-400 border-b-2 border-primary' : 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300' }} whitespace-nowrap py-2 px-1 text-sm font-medium transition-colors">
            Utilisateurs
        </a>
        <a href="{{ route('provider.roles.index') }}" 
           class="{{ $active === 'roles' ? 'text-primary dark:text-primary-400 border-b-2 border-primary' : 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300' }} whitespace-nowrap py-2 px-1 text-sm font-medium transition-colors">
            Rôles
        </a>
    </nav>
</div>