import { Separator } from "@/components/ui/separator"
import { getArcadeTotalWins } from "@/lib/hypixel/arcade/general"
import { NonNullStats } from "@/lib/schema/player"
import GeneralStats from "../GeneralStats"

export default function ArcadeStats({ stats }: { stats: NonNullStats["Arcade"] }) {
    if (!stats) return null

    const wins = getArcadeTotalWins(stats)

    return (
        <GeneralStats
            id="arcade"
            title="Arcade"
            collapsedStats={[{
                title: <p>Wins</p>,
                stat: <p className="text-muted-foreground">{wins}</p>
            }]}
        >
            <Separator className="my-4" />
        </GeneralStats>
    )
}
