@props(['selecionado' => false, 'href' => null, 'where' => 'false', 'whereNot' => 'true'])
@php
    $tag = $href ? 'a' : 'button';
@endphp
<{{$tag}}
{{ $attributes->merge(['href' => $href, 'data-selecionado' => $selecionado ? 'true' : 'false',
':class' => "{
    'bg-brand-brown text-white border-transparent': $where,
    'bg-white border-brand-brown text-brand-brown hover:bg-brand-brown/10': $whereNot
}",
':data-selecionado' => "$where"
])->class([
    'rounded-full font-medium shrink-0 text-xs py-3 px-3 cursor-pointer sm:text-sm border sm:px-5',
    'bg-brand-brown text-white border-transparent' => $selecionado,
    'bg-white border-brand-brown text-brand-brown hover:bg-brand-brown/10' => !$selecionado,
]) }}
>
{{ $slot }}
</{{$tag}}>