Glucose day

"use client";
import { GlucoseDay } from "@/components/ui/notchset/glucose-day";

/* a sensor's day: near 85 overnight with a dawn rise, then breakfast, lunch and dinner, each rising and settling */
const meals = [
  { at: 92, label: "Breakfast", a: 18 },
  { at: 153, label: "Lunch", a: 44 },
  { at: 228, label: "Dinner", a: 34 },
];
const values = Array.from({ length: 288 }, (_, i) => {
  const dawn = i >= 48 && i <= 84 ? (7 * (i - 48)) / 36 : i > 84 && i < 108 ? 7 * (1 - (i - 84) / 24) : 0;
  const rise = meals.reduce((s, m) => {
    const x = (i - m.at) / 7;
    return x > 0 ? s + m.a * x * Math.exp(1 - x) : s;
  }, 0);
  return Math.round(84 + dawn + rise + Math.sin(i / 3) * 1.5);
});

export default function GlucoseDayDemo() {
  return (
    <div className="w-full max-w-[720px]">
      <GlucoseDay
        label="Glucose, yesterday"
        values={values}
        band={{ low: 70, high: 140 }}
        format={(v) => `${Math.round(v)} mg/dL`}
        meals={meals.map((m) => ({ at: m.at, label: m.label, peak: { at: m.at + 7, value: values[m.at + 7]!, rise: `+${values[m.at + 7]! - values[m.at]!}` } }))}
        doses={[{ at: 96, label: "Semaglutide 0.5 mg" }]}
      />
    </div>
  );
}