Weekly review

"use client";
import { WeeklyReview } from "@/components/ui/notchset/blocks/weekly-review";

const MORNINGS = [
  { label: "8 Oct", value: 51, did: false },
  { label: "10 Oct", value: 55, did: true },
  { label: "13 Oct", value: 52, did: false },
  { label: "15 Oct", value: 56, did: true },
  { label: "16 Oct", value: 50, did: false },
  { label: "19 Oct", value: 54, did: true },
  { label: "20 Oct", value: 53, did: false },
  { label: "23 Oct", value: 55, did: true },
  { label: "24 Oct", value: 52, did: false },
  { label: "25 Oct", value: 56, did: true },
];

export default function WeeklyReviewDemo() {
  return (
    <div className="w-full max-w-[1040px]">
      <WeeklyReview
        when="Sun 25 Oct"
        text="On the 5 mornings after a walk, HRV averaged [1], +3 ms over the 5 without one [2], and resting heart rate moved −1 bpm [3]."
        citations={[
          { n: 1, label: "HRV, mornings after a walk", value: "55.2", unit: "ms", date: "5 mornings", source: "Ring" },
          { n: 2, label: "HRV, mornings without", value: "51.6", unit: "ms", date: "5 mornings", source: "Ring" },
          { n: 3, label: "Resting heart rate, difference", value: "−1", unit: "bpm", date: "8–25 Oct", source: "Ring" },
        ]}
        mornings={MORNINGS}
        withAvg={55.2}
        withoutAvg={51.6}
        withLabel="walked"
        withoutLabel="didn't"
        unit="ms"
        source="Ring HRV and resting heart rate · routine ticks · 8–25 Oct"
        leftOut="11 nights with alcohol or a late meal left out"
        action={{ label: "Ask about the review", onClick: () => {} }}
        second={{ label: "See the nights", onClick: () => {} }}
      />
    </div>
  );
}