import { getI18n } from "@/lib/i18n";
export default async function LoadingLeaderboard() {
  const { t } = await getI18n();
  return (
    <main
      className="section page-content leaderboard-page"
      aria-busy="true"
      aria-label={t("Loading leaderboard")}
    >
      <span className="eyebrow">{t("THE EXPLORERS’ BOARD")}</span>
      <h1>{t("Every block counts.")}</h1>
      <p className="lead" role="status">
        {t("Fetching the explorers’ scores…")}
      </p>
      <div className="leaderboard-skeleton" aria-hidden="true">
        {Array.from({ length: 6 }, (_, index) => (
          <div key={index}>
            <span />
            <span />
            <span />
          </div>
        ))}
      </div>
    </main>
  );
}