Token and cost breakdown table with input/output rows and a totaled bottom line. Tone highlights the final amount.
The import and the props worth knowing about, in one place.
import { Ai34 } from "@/components/beste/piece/ai34";
<Ai34
rows={[
{
"label": "Input",
"tokens": 1240,
"cost": 0.0031
},
{
"label": "Output",
"tokens": 528,
"cost": 0.0053
}
]}
currency="$"
tone="primary"
bordered={false}
/>