import { metrics, type Locale } from "@/content/site";
import { translations } from "@/content/translations";

export function MetricsStrip({ locale }: { locale: Locale }) {
  const t = translations[locale];
  return (
    <dl className="metrics-strip">
      {metrics.map((metric) => (
        <div key={metric.key} data-reveal>
          <dd>{metric.value}</dd>
          <dt>{t.metrics[metric.key]}</dt>
        </div>
      ))}
    </dl>
  );
}