langfuse

1
interface Statistic {
2
  name: string;
3
  stat: string;
4
}
5

6
export default function StatsCards({ stats }: { stats: Statistic[] }) {
7
  return (
8
    <div>
9
      <h3 className="text-base font-semibold leading-6 text-gray-900">
10
        Model configuration
11
      </h3>
12
      <dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-4">
13
        {stats.map((item) => (
14
          <div
15
            key={item.name}
16
            className="overflow-hidden rounded-lg bg-white px-4 py-5 shadow sm:p-6"
17
          >
18
            <dt className="truncate text-sm font-medium text-gray-500">
19
              {item.name}
20
            </dt>
21
            <dd className="mt-1 text-3xl font-semibold tracking-tight text-gray-900">
22
              {item.stat}
23
            </dd>
24
          </div>
25
        ))}
26
      </dl>
27
    </div>
28
  );
29
}
30