export function StatCard({ label, value, trend }) {
const positive = trend >= 0;
return (
<div className="rounded-xl border border-slate-200 p-5">
<p className="text-sm text-slate-500">{label}</p>
<p className="mt-2 text-2xl font-bold text-slate-900">{value}</p>
<p className={`mt-1 text-xs font-medium ${positive ? "text-emerald-600" : "text-rose-600"}`}>
{positive ? "▲" : "▼"} {Math.abs(trend)}% vs last week
</p>
</div>
);
}