Usage Budget

"use client";

import { UsageBudget } from "@/components/premium/usage-budget";

export function UsageBudgetPreview() {
  return (
    <UsageBudget
      initialBudget={100}
      resources={[
        {
          id: "inference",
          name: "Model inference",
          amount: 38.4,
          detail: "1.8M tokens across 3 models",
        },
        {
          id: "tools",
          name: "Tool calls",
          amount: 12.6,
          detail: "420 searches and browser actions",
        },
        {
          id: "storage",
          name: "Knowledge storage",
          amount: 4.8,
          detail: "2.4 GB indexed",
        },
      ]}
    />
  );
}