Stress strip

"use client";
import { StressStrip, type StressState } from "@/components/ui/notchset/stress-strip";

/* a working day from 07:00: the inbox, a long meeting, a quiet half hour after lunch, an afternoon push */
const day: (StressState | null)[] = Array.from({ length: 192 }, (_, i) =>
  (i >= 24 && i < 30) || (i >= 42 && i < 56) || (i >= 96 && i < 105) ? "stressed"
  : i < 8 || (i >= 140 && i < 148) ? "engaged"
  : i >= 78 && i < 84 ? null
  : i >= 84 && i < 90 ? "restoring"
  : "calm",
);

export default function StressStripDemo() {
  return (
    <div className="w-full max-w-[640px]">
      <StressStrip label="Through the day, yesterday" start={84} slots={day} />
    </div>
  );
}