export function StatStrip({
  stats,
}: {
  stats: { value: string; label: string }[];
}) {
  return (
    <div className="grid grid-cols-1 divide-y divide-navy/10 rounded-card border border-navy/10 sm:grid-cols-3 sm:divide-x sm:divide-y-0">
      {stats.map((stat) => (
        <div key={stat.label} className="p-6 text-center">
          <p className="mb-1 font-heading text-3xl font-semibold text-navy">{stat.value}</p>
          <p className="text-sm text-navy/60">{stat.label}</p>
        </div>
      ))}
    </div>
  );
}