import Hero from "@/components/Hero";
import Footer from "@/components/Footer";
import RankingBoard from "@/components/RankingBoard";
import { useLang } from "@/lib/useLang";

// L3. 리더보드 — 누적 포인트 랭킹(참가자/AI 탭). 펼친 상태로 전체 표시.
// 빈 상태·AI 탭·TOP10 렌더는 RankingBoard 위젯이 일괄 처리(매치 페이지와 동일 UI).
export default function Leaderboard() {
  const lang = useLang();

  return (
    <main className="shell">
      <Hero back lang={lang} />
      <section className="mt-8">
        <div className="font-impact text-[28px] text-[var(--green)]">LEADERBOARD</div>
        <p className="mt-2 text-[13px] leading-relaxed text-[var(--ink-muted)]">
          {lang === "en"
            ? "Points accumulate each match — the overall #1 wins ₩1,000,000."
            : "매 경기 누적 점수로 순위를 매기고, 끝까지 가장 잘 맞힌 한 분께 최종 100만원을 드립니다."}
        </p>
        {/* 전체 페이지: 펼친 상태(폴딩 토글 숨김) */}
        <RankingBoard lang={lang} defaultOpen />
      </section>
      <Footer lang={lang} />
    </main>
  );
}
