@props(['href', 'active' => false, 'soon' => false])

@php
    $base = 'flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition';
    $on = 'bg-white/15 text-white shadow-sm ring-1 ring-white/10';
    $off = 'text-sky-100/80 hover:bg-white/10 hover:text-white';
    $disabled = 'text-sky-200/40 cursor-not-allowed';
@endphp

@if ($soon)
    <span {{ $attributes->merge(['class' => "$base $disabled"]) }}>
        {{ $slot }}
        <span class="ms-auto text-[10px] uppercase tracking-wide text-sky-300/60">em breve</span>
    </span>
@else
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $base.' '.($active ? $on : $off)]) }}>
        {{ $slot }}
    </a>
@endif