고객지원 티켓 대시보드

KPI Ingredients

const metrics = [
  { label: "오픈 티켓", value: "18,420", change: "+8.2%" },
  { label: "SLA 위험", value: "34.8%", change: "+2.1%p" },
  { label: "첫 응답", value: "$84.2K", change: "+12.4%" }
];

export function SupportTicketDashboardPreviewCards() {
  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>;
}