Session rows

"use client";
import { SessionRows } from "@/components/ui/notchset/blocks/session-rows";

export default function SessionRowsDemo() {
  return (
    <div className="w-full max-w-[960px]">
      <SessionRows
        label="Recent sessions"
        sessions={[
          { id: "a", when: "Sun 08:10", kind: "Walk", minutes: 30, km: 3.1, avgHr: 104, zones: [19, 9, 2, 0, 0] },
          { id: "b", when: "Fri 18:05", kind: "Run", minutes: 41, km: 6.2, avgHr: 148, zones: [4, 10, 18, 7, 2] },
          { id: "c", when: "Thu 07:30", kind: "Strength", minutes: 45, avgHr: 118, zones: [18, 16, 9, 2, 0] },
          { id: "d", when: "Tue 12:20", kind: "Cycle", minutes: 38, km: 14.8, avgHr: 132, zones: [6, 14, 14, 4, 0] },
        ]}
      />
    </div>
  );
}