Files
wireguard-ui/src/pages/admin/(sections)/kpi-hero-section.tsx
T
2026-09-13 06:53:33 +01:00

24 lines
698 B
TypeScript

import StatCard from "../(partials)/stat-card";
import Sparkline from "../(partials)/sparkline";
import { HERO_KPI } from "../(data)/dashboard-mock-data";
export default function KpiHeroSection() {
return (
<StatCard
tier="default"
label={HERO_KPI.label}
value={HERO_KPI.value}
delta={HERO_KPI.delta}
deltaTone={HERO_KPI.deltaTone}
subtext={HERO_KPI.subtext}
valueClassName="text-4xl"
trailing={
<Sparkline
data={HERO_KPI.sparkline}
className="text-secondary dark:text-secondary"
/>
}
/>
);
}