import { getServerI18n } from "@/i18n";
import { Stack, Typography, Link } from "@mui/material";
import NextLink from "next/link";

export default async function NotFound() {
  const { t } = await getServerI18n("qcItem", "common");

  return (
    <Stack spacing={2}>
      <Typography variant="h4">{t("Not Found")}</Typography>
      <Typography variant="body1">{t("The edit qc item page was not found!")}</Typography>
      <Link href="/qcItems" component={NextLink} variant="body2">
        {t("Return to all qc items")}
      </Link>
    </Stack>
  );
}