Cost Estimate

Token and cost breakdown table with input/output rows and a totaled bottom line. Tone highlights the final amount.

Input

1,240$0.0031

Output

528$0.0053

Total

1,768 tok$0.0084

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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="violet"
/>