"use client";

import { NextLink } from "@/components/next-link";
import {
  SiteError,
  SiteErrorActions,
  SiteErrorDescription,
  SiteErrorTitle,
} from "@/components/site-error";
import { useLoginUrl } from "@/hooks/use-url";
import { useLocaleFunction } from "@/hooks/use-localed";

export default function ExamUnauthorized() {
  const loginUrl = useLoginUrl();
  const t = useLocaleFunction();

  return (
    <SiteError>
      <SiteErrorTitle>{t('exam.unauthorized.title')}</SiteErrorTitle>
      <SiteErrorDescription>{t('exam.unauthorized.description')}</SiteErrorDescription>
      <SiteErrorActions>
        <NextLink href={loginUrl}>{t('exam.unauthorized.login')}</NextLink>
        <NextLink variant="ghost" href="/exams">
          {t('exam.unauthorized.back_to_exams')}
        </NextLink>
      </SiteErrorActions>
    </SiteError>
  );
}