Stage totals

"use client";
import { StageTotals } from "@/components/ui/notchset/blocks/stage-totals";

const money = (n: number) => (n >= 1e6 ? `$${(n / 1e6).toFixed(2)}M` : `$${Math.round(n / 1000)}k`);
const STAGES = [
  ["Discovery", "#8f9bb3", 317000, 3],
  ["Evaluation", "#38a6d6", 545500, 4],
  ["Proposal", "#9b87f5", 830500, 3],
  ["Security review", "#e3a33b", 340500, 2],
  ["Procurement", "#ec7d55", 388000, 1],
] as const;

export default function StageTotalsDemo() {
  const total = STAGES.reduce((a, s) => a + s[2], 0);
  return (
    <div className="w-full max-w-md">
      <StageTotals
        href="#pipeline"
        summary={`${money(total)} · 13 deals`}
        rows={STAGES.map(([stage, color, value, count]) => ({ stage, color, value, label: money(value), count, href: "#pipeline" }))}
        footer={["2 stuck", "3 closing this month"]}
      />
    </div>
  );
}