Import review

"use client";
import { ImportReview, type ReviewRow } from "@/components/ui/notchset/blocks/import-review";
import { notify, Toaster } from "@/components/ui/notchset/toast";

const ROWS: ReviewRow[] = [
  { id: "tsh", name: "TSH", value: 2.4, unit: "µIU/mL", range: "0.45–4.5 mIU/L", confidence: "high", issue: "unit", suggestedUnit: "mIU/L", note: "They are the same amount: 1 µIU/mL = 1 mIU/L." },
  { id: "mg", name: "Magnesium", value: 2000, unit: "mg/dL", range: "1.6–2.3", confidence: "low", issue: "may-be-wrong", note: "Likely a lost decimal: your report probably says 2.0." },
  { id: "ft4", name: "Free T4", value: 1.19, unit: "ng/dL", range: "0.82–1.77", confidence: "high" },
  { id: "ft3", name: "Free T3", value: 3.0, unit: "pg/mL", range: "2.0–4.4", confidence: "high" },
  { id: "tpo", name: "TPO antibodies", value: 8, unit: "IU/mL", range: "<34", confidence: "medium" },
];

export default function ImportReviewDemo() {
  return (
    <div className="w-full max-w-[640px]">
      <ImportReview
        state="review"
        title="Thyroid panel"
        file="Thyroid-panel.pdf"
        lab="Northside Lab"
        drawnOn="2026-10-23"
        rows={ROWS}
        onSave={(rows) => notify({ title: `Saved ${rows.length} results`, detail: "Thyroid panel · 23 Oct", action: { label: "Undo", onClick: () => {} } })}
      />
      <Toaster />
    </div>
  );
}