import StatCard from "../(partials)/stat-card";
import type { BUN_SQLITE_WGUI_CLIENTS } from "@/db/types/db";

type Props = {
    clients?: BUN_SQLITE_WGUI_CLIENTS[];
};

export default function KpiHeroSection({ clients }: Props) {
    return (
        <StatCard
            tier="default"
            label="Total clients"
            value={String(clients?.length || 0)}
            subtext="WireGuard peers on this network"
            valueClassName="text-4xl"
        />
    );
}