"use client"; import PropTypes from "prop-types"; import Card from "@/shared/components/Card"; const fmt = (n) => new Intl.NumberFormat().format(n || 0); const fmtCost = (n) => `$${(n || 0).toFixed(2)}`; export default function OverviewCards({ stats }) { return (
Total Requests {fmt(stats.totalRequests)} Total Input Tokens {fmt(stats.totalPromptTokens)} Output Tokens {fmt(stats.totalCompletionTokens)} Total Cost {fmtCost(stats.totalCost)}
); } OverviewCards.propTypes = { stats: PropTypes.object.isRequired, };