"use client"

// Leaderboard-fanen for tilskuer-visningen (ADR-044, 2026-08-06). Gjenbruker
// round-leaderboard.tsx sin RoundLeaderboard UENDRET (samme formatspesifikke
// tavler som eiersiden -- IndividualBoard/TwoSidedBoard/HighLowBoard/
// TeamFlightBoard, alle ni+ formater -- se komponentens `publicMode`-prop),
// kun matet fra /public/rounds/* i stedet for /rounds/*.

import { Trophy } from "lucide-react"
import { WatchTabs } from "@/components/watch-tabs"
import { RoundLeaderboard } from "@/components/round-leaderboard"

export function WatchLeaderboard({ roundId }: { roundId: string }) {
  return (
    <div className="min-h-dvh bg-background">
      <header className="sticky top-0 z-10 border-b border-border bg-background/95 backdrop-blur">
        <div className="mx-auto flex min-h-14 max-w-xl items-center gap-2 px-4 py-2">
          <span className="flex min-h-11 items-center gap-1.5 text-base font-bold text-foreground">
            <Trophy aria-hidden="true" className="size-5 text-primary" />
            Følger live
          </span>
        </div>
        <WatchTabs roundId={roundId} active="leaderboard" />
      </header>
      <RoundLeaderboard roundId={roundId} embedded publicMode />
    </div>
  )
}
