"use client";

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

export type ExperienceStat = { label: string; value: string; hint?: string };

export function ExperienceStatGrid({ stats }: { stats: ExperienceStat[] }) {
  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>
  );
}