Sleep night

"use client";
import { SleepNight, type Stretch } from "@/components/ui/notchset/blocks/sleep-night";

const PLAN: [Stretch["stage"], number][] = [["awake", 14], ["light", 22], ["deep", 38], ["light", 18], ["rem", 14], ["light", 26], ["deep", 55], ["light", 20], ["rem", 22], ["awake", 6], ["light", 34], ["deep", 24], ["rem", 28], ["light", 30], ["awake", 9], ["light", 28], ["rem", 36], ["light", 22], ["awake", 4]];
let t = 0;
const NIGHT: Stretch[] = PLAN.map(([stage, m]) => ({ stage, from: t, to: (t += m) }));

export default function SleepNightDemo() {
  return (
    <div className="max-w-[760px]">
      <SleepNight bed="23:10" stretches={NIGHT} usual={{ asleep: "23:30", woke: "06:45", total: "6 h 50" }} />
    </div>
  );
}