import { Container } from "@/components/container";

type Stat = {
  value: string;
  label: string;
};

type StatsSectionProps = {
  stats: Stat[];
};

export function StatsSection({ stats }: StatsSectionProps) {
  return (
    <section className="bg-[#111111] py-10 text-white">
      <Container className="grid gap-6 sm:grid-cols-3">
        {stats.map((stat) => (
          <div key={stat.label} className="border-l border-primary/60 pl-5">
            <p className="font-heading text-3xl font-semibold text-primary">{stat.value}</p>
            <p className="mt-2 text-sm text-slate-300">{stat.label}</p>
          </div>
        ))}
      </Container>
    </section>
  );
}