homeio

1import { CalendarClock } from "@/components/icons/platform-icons";
2import type { UptimeParts } from "@/modules/system/components/system-widgets/types";
3import { WidgetCard } from "@/modules/system/components/system-widgets/widget-card";
4
5type UptimeCardProps = {
6  uptime: UptimeParts;
7};
8
9export function UptimeCard({ uptime }: UptimeCardProps) {
10  return (
11    <WidgetCard title="Uptime" icon={CalendarClock}>
12      <div className="flex items-baseline gap-1">
13        <span className="text-2xl font-bold text-primary font-mono">{uptime.days}</span>
14        <span className="text-xs text-muted-foreground mr-2">d</span>
15        <span className="text-2xl font-bold text-foreground font-mono">{uptime.hours}</span>
16        <span className="text-xs text-muted-foreground mr-2">h</span>
17        <span className="text-2xl font-bold text-foreground/70 font-mono">{uptime.minutes}</span>
18        <span className="text-xs text-muted-foreground">m</span>
19      </div>
20    </WidgetCard>
21  );
22}
23