import { Lang, langEnum } from "@/types/lang"

export default function SkipToMainContent({ lang }: { lang: Lang }) {
  let message = "Skip to main content"

  switch (lang) {
    case langEnum.de:
      message = "Direkt zum Inhalt"
      break
    case langEnum.sv:
      message = "Fortsätt till huvudinnehåll"
      break
    case langEnum.da:
      message = "Spring over og gå til hovedindhold"
      break
    case langEnum.no:
      message = "Gå videre til hovedsiden"
      break
    case langEnum.fi:
      message = "Siirry pääsisältöön"
      break
  }

  return (
    <div className="navigation--skip-to-content">
      <a data-js="skip-to-content" href="#maincontent">
        {message}
      </a>
    </div>
  )
}