Fran Jurmanović
71fa228013
Rename all --color-gh-* CSS tokens to --color-*, update Tailwind class names (bg-gh-*, text-gh-*, border-gh-*, etc.) across all TSX/TS files, rename GhButton component and file to Button, and remove trivial descriptive comments.
18 lines
470 B
TypeScript
Executable File
18 lines
470 B
TypeScript
Executable File
interface StatCardProps {
|
|
title: string;
|
|
value: string | number;
|
|
icon: string;
|
|
}
|
|
|
|
export function StatCard({ title, value, icon }: StatCardProps) {
|
|
return (
|
|
<div className="rounded-lg border border-border bg-canvas p-4">
|
|
<div className="mb-1 flex items-center gap-2">
|
|
<span className="text-base">{icon}</span>
|
|
<span className="text-xs text-muted">{title}</span>
|
|
</div>
|
|
<div className="text-2xl font-bold text-primary">{value}</div>
|
|
</div>
|
|
);
|
|
}
|