@php
    /** @var bool $showV1 */
    /** @var bool $showV2 */
    /** @var string $v1Url */
    /** @var string $v2Url */
@endphp

<div class="ml-3 mr-3 flex items-center rtl:mr-3 rtl:ml-3">
    @if ($showV1)
        <a
            href="{{ $v1Url }}"
            class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-slate-200 bg-white text-[11px] font-bold uppercase tracking-wide text-slate-700 shadow-sm transition hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-primary-500/60"
            title="Switch To Interface V1"
            aria-label="Switch To Interface V1"
        >
            V1
        </a>
    @endif

    @if ($showV2)
        <a
            href="{{ $v2Url }}"
            class="inline-flex h-10 w-10 items-center justify-center rounded-full border border-primary-200 bg-primary-50 text-[11px] font-bold uppercase tracking-wide text-primary-700 shadow-sm transition hover:bg-primary-100 focus:outline-none focus:ring-2 focus:ring-primary-500/60"
            title="Switch To Interface V2"
            aria-label="Switch To Interface V2"
        >
            V2
        </a>
    @endif
</div>