"use client";

import { useRouter } from "next/navigation";
import { useEffect } from "react";

import { HintTip } from "@/components/hint-tip";
import { useUiPreferences } from "@/components/ui-preference-provider";

export default function AdminEntryPage() {
  const { t } = useUiPreferences();
  const router = useRouter();

  useEffect(() => {
    router.replace("/imports");
  }, [router]);

  return (
    <main className="mx-auto max-w-3xl px-4 py-10">
      <h1 className="text-2xl font-semibold">{t("admin.entry.title")}</h1>
      <div className="mt-3 flex items-center gap-2 text-sm text-zinc-600">
        <p>{t("admin.entry.desc")}</p>
        <HintTip title="Hint" align="left">
          <p>{t("admin.entry.moved_to_platform")}</p>
        </HintTip>
      </div>
    </main>
  );
}