saksham
1a4c80958f
FastAPI + Celery + Next.js + Postgres/Redis app with company monitoring, source collection, LLM-based change analysis, enrichment, and account security (Turnstile, escalating lockout, email verification).
25 lines
662 B
TypeScript
25 lines
662 B
TypeScript
import type { LucideIcon } from "lucide-react";
|
|
|
|
export function StatCard({
|
|
label,
|
|
value,
|
|
icon: Icon,
|
|
hint,
|
|
}: {
|
|
label: string;
|
|
value: string | number;
|
|
icon: LucideIcon;
|
|
hint?: string;
|
|
}) {
|
|
return (
|
|
<div className="rounded-lg border border-slate-200 bg-white p-5">
|
|
<div className="flex items-center justify-between">
|
|
<span className="text-sm font-medium text-slate-500">{label}</span>
|
|
<Icon className="h-4 w-4 text-slate-400" aria-hidden />
|
|
</div>
|
|
<p className="mt-2 text-2xl font-semibold text-slate-900">{value}</p>
|
|
{hint && <p className="mt-1 text-xs text-slate-500">{hint}</p>}
|
|
</div>
|
|
);
|
|
}
|