CheckoutCheckout

import { Checkout } from "@/components/ui/notchset/blocks/checkout";

export function Upgrade() {
  return (
    <Checkout
      context="ACME LABS · BUILDER → TEAM"
      plan={{ tile: "TM", name: "Team", spec: "10 seats · 50K runs", price: { monthly: 99, yearly: 79 }, yearlyDiscount: 240 }}
      taxes={[{ value: "us-ca", label: "US-CA", rate: 0.085, note: "California 8.5%" }]}
      onPromo={async (code) => (await fetch(`/api/promo/${code}`).then((r) => r.json())).percent ?? null}
      onPay={(summary) => fetch("/api/upgrade", { method: "POST", body: JSON.stringify(summary) })}
      renewal={(billing, n) => `RENEWS ${billing === "yearly" ? "YEARLY" : "MONTHLY"} AT $${n}`}
      receipt="RECEIPT SENT TO MAYA@ACME.DEV"
    />
  );
}