StatsCard.tsx

 1import styles from "./StatsCard.module.css";
 2
 3interface StatsCardProps {
 4  label: string;
 5  value: string;
 6  change: string;
 7}
 8
 9export function StatsCard({ label, value, change }: StatsCardProps) {
10  const isPositive = change.startsWith("+");
11
12  return (
13    <div className={styles.card}>
14      <span className={styles.label}>{label}</span>
15      <span className={styles.value}>{value}</span>
16      <span className={isPositive ? styles.changeUp : styles.changeDown}>
17        {change}
18      </span>
19    </div>
20  );
21}