Stat Summary Card

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>
  );
}