40 lines
839 B
TypeScript
40 lines
839 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { StatsStrip } from '@/ui/StatsStrip';
|
|
import { Activity, Users, Trophy, Calendar } from 'lucide-react';
|
|
|
|
/**
|
|
* HomeStatsStrip - A thin strip showing some status or quick info.
|
|
* Part of the "Telemetry-workspace" feel.
|
|
*/
|
|
export function HomeStatsStrip() {
|
|
const stats = [
|
|
{
|
|
label: "Active Drivers",
|
|
value: "1,284",
|
|
icon: Users,
|
|
trend: { value: 12, isPositive: true }
|
|
},
|
|
{
|
|
label: "Live Sessions",
|
|
value: "42",
|
|
icon: Activity,
|
|
intent: "telemetry" as const
|
|
},
|
|
{
|
|
label: "Total Races",
|
|
value: "15,402",
|
|
icon: Trophy,
|
|
intent: "warning" as const
|
|
},
|
|
{
|
|
label: "Next Event",
|
|
value: "14:00",
|
|
icon: Calendar
|
|
},
|
|
];
|
|
|
|
return <StatsStrip stats={stats} />;
|
|
}
|