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}