Coach reply

"use client";
import { CoachReply } from "@/components/ui/notchset/blocks/coach-reply";

export default function CoachReplyDemo() {
  return (
    <div className="max-w-[620px]">
      <CoachReply
        message={{ id: "a1", role: "assistant", parts: [{ type: "text", text: "It moved the right way: LDL is [1] now against [2] in your annual panel, still above the lab's limit of 99. Soluble fibre most days is the change with the clearest evidence." }] }}
        citations={[
          { n: 1, label: "LDL cholesterol", value: "128", unit: "mg/dL", date: "16 Oct", source: "Northside Lab", onOpen: () => {} },
          { n: 2, label: "LDL cholesterol", value: "143", unit: "mg/dL", date: "25 Mar", source: "Northside Lab", onOpen: () => {} },
        ]}
      />
    </div>
  );
}