Files
wireguard-ui/src/pages/admin/(sections)/kpi-hero-section.tsx
T

18 lines
484 B
TypeScript

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"
/>
);
}