homeio

1import type { QuickStatItem } from "@/modules/system/components/system-widgets/types";
2import { WidgetCard } from "@/modules/system/components/system-widgets/widget-card";
3
4type QuickStatsCardProps = {
5  stats: QuickStatItem[];
6};
7
8export function QuickStatsCard({ stats }: QuickStatsCardProps) {
9  return (
10    <WidgetCard className="p-3">
11      <div className="grid grid-cols-2 gap-2">
12        {stats.map((item) => (
13          <div
14            key={item.label}
15            className="flex flex-col items-center gap-0.5 rounded-xl border border-white/[0.07] bg-white/[0.04] py-2.5"
16          >
17            <span className="text-base leading-tight font-bold text-foreground font-mono">
18              {item.value}
19            </span>
20            <span className="text-2xs leading-tight text-muted-foreground/80 uppercase tracking-wider">
21              {item.label}
22            </span>
23            <span className="text-2xs leading-tight text-muted-foreground/50 text-center px-1.5 w-full truncate">
24              {item.sub}
25            </span>
26          </div>
27        ))}
28      </div>
29    </WidgetCard>
30  );
31}
32