"use client";

import { StatCard } from "@/components/ds";

export function CommunicationStatGrid({
  stats,
}: {
  stats: { label: string; value: string; hint?: string }[];
}) {
  return (
    <div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
      {stats.map((s) => (
        <StatCard key={s.label} label={s.label} value={s.value} hint={s.hint} />
      ))}
    </div>
  );
}
