import Link from "next/link";
import Image from "next/image";
import { useRouter } from "next/router";
import useTranslation from "next-translate/useTranslation";

export default function Inspectorate() {
    let { t } = useTranslation();

    const router = useRouter();
    const { locale } = router;
    return (
        <div className="card clear" id="inspectorate-card">
            <div className="card-body">
                <Image
                    alt={t("home:inspectorate-card-alt-text")}
                    src="/assets/images/PINS_dual_logo_400.png"
                    width="380px"
                    height="58px"
                    layout="responsive"
                />
                <p className="govuk-body-s">
                    {t("home:inspectorate-card-visit-label")}:{" "}
                    <Link href="/">
                        <a>{t("home:inspectorate-card-visit-link")}</a>
                    </Link>
                </p>
            </div>
        </div>
    );
}