@props(['value'])

@aware(['model', 'selected'])

<button type="button" wire:click="$set('{{$model}}', '{{$value}}')"
    class="px-4 py-2 text-sm font-medium text-gray-700 border-b-2 focus:outline-none {{ $selected === $value ? 'border-indigo-500 text-indigo-600' : 'border-transparent hover:text-gray-800 hover:border-gray-300' }}">
    {{ $slot }}
</button>