Clinician summary

"use client";
import * as React from "react";
import { ClinicianSummary, type SummaryLink } from "@/components/ui/notchset/blocks/clinician-summary";

const PANELS = [
  { id: "oct", name: "Follow-up panel", date: "16 Oct", lab: "Northside Lab", rows: [
    { name: "LDL cholesterol", value: "128", unit: "mg/dL", range: "<99", word: "High", out: true },
    { name: "ApoB", value: "98", unit: "mg/dL", range: "<99", word: "In range", out: false },
    { name: "Vitamin D", value: "41", unit: "ng/mL", range: "30–100", word: "In range", out: false },
  ] },
];

export default function ClinicianSummaryDemo() {
  const [link, setLink] = React.useState<SummaryLink | null>(null);
  return (
    <div className="w-full max-w-[640px]">
    <ClinicianSummary
      person={{ name: "Ana Reyes", age: 41, sex: "Female" }}
      from="Your app"
      prepared="25 Oct 2026"
      panels={PANELS}
      trends={[{ key: "rhr", name: "Resting heart rate", words: "Steady over 30 days" }]}
      logs={{ count: 6, recent: ["25 Oct · Slept well", "22 Oct · 91 mg/dL, fasting"] }}
      link={link}
      onCreateLink={(_, days) => setLink({ url: "https://example.com/share/demo", state: "active", when: `in ${days} days` })}
      onRevoke={() => setLink((l) => (l ? { ...l, state: "revoked", when: "just now" } : l))}
    />
    </div>
  );
}