<div class="inline-flex rounded-lg border border-gray-200 overflow-hidden text-xs">
    <button wire:click="switchTo('ar')"
            class="px-3 py-1.5 {{ $locale === 'ar' ? 'bg-blue-600 text-white' : 'bg-white text-gray-600 hover:bg-gray-50' }}">
        عربي
    </button>
    <button wire:click="switchTo('en')"
            class="px-3 py-1.5 {{ $locale === 'en' ? 'bg-blue-600 text-white' : 'bg-white text-gray-600 hover:bg-gray-50' }}">
        EN
    </button>
</div>
