---
import LocaleLink from "./links/LocaleLink.astro"
import { type NavLink } from "@/utils/linking"
import { deLocalizeHref } from "@/paraglide/runtime"

const pathname = Astro.url.pathname
const currentPath = deLocalizeHref(pathname)
const isEnglish = pathname.startsWith("/en")
---

<div class="join">
  <LocaleLink
    to={currentPath as NavLink}
    lang="nb"
    class:list={[
      "btn join-item !text-cat-text border-cat-surface0",
      !isEnglish ? "bg-cat-mantle" : "bg-cat-base",
    ]}>Norsk</LocaleLink
  >
  <LocaleLink
    to={currentPath as NavLink}
    lang="en"
    class:list={[
      "btn join-item !text-cat-text border-cat-surface0",
      isEnglish ? "bg-cat-mantle" : "bg-cat-base",
    ]}>English</LocaleLink
  >
</div>