@props(['tone' => 'light'])

@php
    $locales = config('smartcarb.locales');
    $active = app()->getLocale();
    $base = $tone === 'dark'
        ? 'border-white/25 text-white hover:bg-white/10'
        : 'border-ink-200 text-ink-700 hover:border-brand-500 hover:text-brand-600';
@endphp

<div class="inline-flex items-center gap-1 rounded-full border p-1 {{ $base }}">
    @foreach ($locales as $code => $locale)
        <a href="{{ route('locale.switch', $code) }}"
           class="rounded-full px-3 py-1 text-sm font-semibold transition {{ $code === $active ? 'bg-brand-500 text-white' : '' }}"
           hreflang="{{ $code }}">
            {{ $locale['native'] }}
        </a>
    @endforeach
</div>