---
import { getNextLangUrl, getPostNextLangUrl } from '@/i18n/lang'
import { isPostPage } from '@/i18n/path'

interface Props {
  supportedLangs: string[]
}

const { supportedLangs } = Astro.props
const currentPath = Astro.url.pathname
const isPost = isPostPage(currentPath)

const nextUrl = isPost
  ? getPostNextLangUrl(currentPath, supportedLangs)
  : getNextLangUrl(currentPath)
---

<a
  href={nextUrl}
  class="uno-button"
  aria-label="Switch website language"
>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    aria-hidden="true"
    class="h-full w-full"
    fill="currentColor"
  >
    <path d="M19 21 12.3 2h-1L4.7 21l-2.5.2v.8h6.3v-.8L5.7 21l2-5.9h7.5l2 5.9-3.3.2v.8h7.9v-.8zM8 14.3l3.4-10.1 3.5 10.1z" />
  </svg>
</a>