export function StatsStripBlock({ stats }: StatsStripProps) {
  if (!Array.isArray(stats) || stats.length === 0) return null

  return (
    <section className="w-full max-w-5xl mx-auto px-6 py-20 md:py-28">
      <div className="bg-muted/50 border border-foreground/8 rounded-xl overflow-hidden">
        <div className="grid grid-cols-2 md:grid-cols-4 divide-x divide-y md:divide-y-0 divide-foreground/10">
          {stats.map((stat, i) => (
            <div key={i} className="px-6 py-10 flex flex-col items-center text-center">
              <p className="text-4xl md:text-5xl font-bold text-foreground tracking-tight">
                {stat.value}
              </p>
              <p className="text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/40 mt-3">
                {stat.label}
              </p>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}
