import { ArrowLeft } from "react-feather"

import { overview } from "@/constants/routes/webviews"
import { _ } from "@/lib/translation"

import Link from "@/components/TempDesignSystem/Link"

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

import { LangParams } from "@/types/params"

export default function LinkToOverview({ lang }: LangParams) {
  return (
    <Link className={styles.overviewLink} href={overview[lang]}>
      <ArrowLeft height={20} width={20} /> {_("Go back to overview")}
    </Link>
  )
}