기부/후원 대시보드

KPI Ingredients

const metrics = [
  { label: "후원금", value: "18,420", change: "+8.2%" },
  { label: "정기 후원", value: "34.8%", change: "+2.1%p" },
  { label: "캠페인 전환", value: "$84.2K", change: "+12.4%" }
];

export function DonationNonprofitDashboardPreviewCards() {
  return <section className="grid gap-3 md:grid-cols-3">{metrics.map((metric) => <article key={metric.label} className="rounded-xl border border-zinc-200 bg-white p-4"><p className="text-xs font-bold text-zinc-500">{metric.label}</p><strong className="mt-1 block text-2xl font-black">{metric.value}</strong><span className="text-xs font-black text-emerald-600">{metric.change}</span></article>)}</section>;
}