<script lang="ts">
	import { locale } from 'svelte-i18n';
	import { storeLocale } from '$lib/i18n/index.js';

	function toggleLocale() {
		const next = $locale === 'ru' ? 'en' : 'ru';
		locale.set(next);
		storeLocale(next);
	}
</script>

<button
	type="button"
	onclick={toggleLocale}
	class="inline-flex items-center justify-center rounded-md px-2 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
	title={$locale === 'ru' ? 'Switch to English' : 'Переключить на русский'}
>
	{$locale === 'ru' ? 'RU' : 'EN'}
</button>
