Receipt

"use client";
import { Receipt, type ReceiptSource } from "@/components/ui/notchset/blocks/receipt";

const SOURCES: ReceiptSource[] = [
  { n: 1, title: "Interview: Halden Logistics, 3 Oct", site: "Halden", supports: "the first hour decides it" },
  { n: 2, title: "Interview: Brightwater Clinics, 7 Oct", site: "Brightwater", supports: "couldn't invite anyone until a card was on file" },
];

export default function ReceiptDemo() {
  return (
    <div className="flex max-w-[560px] flex-col items-start gap-3">
      <Receipt model={{ purpose: "Deep thinking", name: "Claude Opus 5.5", effort: "high", thoughtForMs: 9000 }} elapsedMs={14000} sources={SOURCES} unsupported={["Overall, onboarding feels slower than competitors'."]} />
      <Receipt model={{ purpose: "Balanced", name: "Claude Opus 5.5", effort: "medium", thoughtForMs: 6000 }} memory={[{ text: "Prefers briefs that fit on one page, with the decision first.", learnedFrom: "Q3 planning" }]} />
      <Receipt model={{ purpose: "Fast", name: "Claude Haiku 5.5", asked: "Deep thinking", fallbackReason: "was busy" }} />
      <Receipt model={{ purpose: "Fast", name: "Claude Haiku 5.5" }} status="stopped" interactive={false} />
    </div>
  );
}