---
import GiteaLink from "./links/GiteaLink.astro"
import PajamasIcon from "./icons/PajamasIcon.astro"
import ExternalLink from "./links/ExternalLink.astro"
import LanguageButtonGroup from "./LanguageButtonGroup.astro"
import { GIT_URL, STATUS_URL } from "astro:env/client"
import * as m from "@/paraglide/messages"

const giteaLink = `${GIT_URL}/martials/martials.no`
---

<div class="divider bg-inherit"></div>
<div
  class="max-w-[1000px] sm:min-w-[500px] mx-auto py-5 flex flex-row flex-wrap gap-5 justify-around items-center bg-inherit px-5"
>
  <div>
    <GiteaLink href={giteaLink} class="!text-cat-text" />
    <ExternalLink
      href={STATUS_URL}
      class="flex items-center !text-cat-text"
      title="Status"
    >
      <PajamasIcon
        name="pajamas:status-health"
        class="w-6 h-6 mr-2"
        aria-label="Status health icon"
      />
      {m.status()}
    </ExternalLink>
  </div>
  <LanguageButtonGroup />
</div>