---
import languages from '@data/languages.json'
---

<!-- BEGIN LANGUAGE SELECTOR -->
<div class="nav-item dropdown d-none d-md-flex">
  <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" aria-label="Select language" data-bs-auto-close="outside" aria-expanded="false"> EN </a>
  <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end">
    {
      languages.map((language) => (
        <a class="dropdown-item" href="#" data-lang={language.code}>
          {language.name}
        </a>
      ))
    }
  </div>
</div>
<!-- END LANGUAGE SELECTOR -->