Zone stack

"use client";
import { ZoneStack } from "@/components/ui/notchset/zone-stack";

const week: [string, number[] | null][] = [["Mon", [38, 14, 6, 2, 0]], ["Tue", [44, 18, 8, 0, 0]], ["Wed", [30, 0, 0, 0, 0]], ["Thu", [52, 18, 13, 3, 0]], ["Fri", [40, 16, 9, 0, 0]], ["Sat", [61, 12, 5, 3, 4]], ["Sun", null]];

export default function ZoneStackDemo() {
  return (
    <div className="w-full max-w-[560px]">
      <ZoneStack label="Minutes by heart-rate zone, this week" days={week.map(([label, zones]) => ({ label, zones }))} current={5} />
    </div>
  );
}