import { getI18n } from "@/lib/i18n";
import { Header, Footer } from "@/components/Shell";
import { Moderation } from "@/components/Moderation";
import Link from "next/link";
import { staffPage } from "@/lib/staff-page";
import { isAdministrator } from "@/shared/permissions";
export const metadata = { title: "Moderation Tools" };
export default async function Review() {
  const [{ t }, staff] = await Promise.all([getI18n(), staffPage()]);
  return (
    <>
      <Header />
      <main className="section page-content moderation-page" id="main-content" tabIndex={-1}>
        <span className="eyebrow">{t("THE COMMUNITY’S COMPASS")}</span>
        <h1>{t("Moderation Tools.")}</h1>
        <p className="lead">
          {t("Review pending maps, map updates and account ban appeals.")}
        </p>
        {isAdministrator(staff.role) && (
          <div className="staff-page-switch">
            <Link className="button" href="/admin">
              {t("Open Admin Tools")}
            </Link>
          </div>
        )}
        <Moderation />
      </main>
      <Footer />
    </>
  );
}