import Link from "next/link";
import { Header, Footer } from "@/components/Shell";
import { Moderation } from "@/components/Moderation";
import { getI18n } from "@/lib/i18n";
import { staffPage } from "@/lib/staff-page";
export const metadata = { title: "Admin Tools" };
export default async function AdminPage() {
  const [{ t }] = await Promise.all([getI18n(), staffPage(true)]);
  return (
    <>
      <Header />
      <main className="section page-content moderation-page" id="main-content" tabIndex={-1}>
        <span className="eyebrow">MINEGEO ADMIN</span>
        <h1>{t("Admin Tools.")}</h1>
        <p className="lead">
          {t(
            "Manage accounts, site settings, integrations and community reports.",
          )}
        </p>
        <div className="staff-page-switch">
          <Link className="button" href="/moderation">
            {t("Open Moderation Tools")}
          </Link>
        </div>
        <Moderation mode="admin" />
      </main>
      <Footer />
    </>
  );
}