<!-- [DEF:LanguageSwitcher:Component] -->
<!--
@TIER: TRIVIAL
@SEMANTICS: language-switcher, i18n-ui, ui-atom
@PURPOSE:   Dropdown component to switch between supported languages.
@LAYER:     Atom
@RELATION:  BINDS_TO -> i18n.locale
-->

<script>
  // [SECTION: IMPORTS]
  import { locale } from "$lib/i18n";
  import Select from "./Select.svelte";
  // [/SECTION: IMPORTS]

  const options = [
    { value: "ru", label: "Русский" },
    { value: "en", label: "English" },
  ];
</script>

<!-- [SECTION: TEMPLATE] -->
<div class="w-32">
  <Select bind:value={$locale} {options} />
</div>
<!-- [/SECTION: TEMPLATE] -->

<!-- [/DEF:LanguageSwitcher:Component] -->
