import { ArrowLeft } from "react-feather"

import { overview } from "@/constants/routes/webviews"

import Link from "@/components/TempDesignSystem/Link"
import { getIntl } from "@/i18n"
import { getLang } from "@/i18n/serverContext"

import styles from "./linkToOverview.module.css"

export default async function LinkToOverview() {
  const { formatMessage } = await getIntl()
  return (
    <Link className={styles.overviewLink} href={overview[getLang()]}>
      <ArrowLeft height={20} width={20} />{" "}
      {formatMessage({ id: "Go back to overview" })}
    </Link>
  )
}
