@props(['selecionado' => true, 'href' => null, 'where' => 'false', 'whereNot' => 'true'])
@php
    $tag = $href ? 'a' : 'button';
@endphp
<{{ $tag }}
    {{ $attributes->merge([
            'href' => $href,
            'data-selecionado' => $selecionado ? 'true' : 'false',
            ':class' => "{
                        'bg-babyblue text-on-babyblue border-transparent shadow-md': $where,
                        'bg-white border-deepblue text-deepblue hover:bg-babyblue/20': $whereNot
                    }",
            ':data-selecionado' => "$where",
        ])->class([
            'rounded-full font-bold shrink-0 text-xs py-2 px-5 cursor-pointer sm:text-base border sm:px-8 my-2',
            'bg-babyblue text-on-babyblue border-transparent shadow-md' => $selecionado,
            'bg-white border-deepblue text-deepblue hover:bg-babyblue/20' => !$selecionado,
        ]) }}>
    {{ $slot }}
    </{{ $tag }}>