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

<button 
    {{ $attributes->merge([
        'class' => $active 
            ? 'border-b-2 border-blue-500 text-blue-600 px-4 py-2 text-sm font-medium' 
            : 'text-gray-500 hover:text-gray-700 hover:border-gray-300 px-4 py-2 text-sm font-medium border-b-2 border-transparent'
    ]) }}
>
    {{ $slot }}
</button>