Contributor rows

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

export default function ContributorRowsDemo() {
  return (
    <div className="max-w-[520px]">
      <ContributorRows
        rows={[
          { key: "total", name: "Total sleep", value: "6 h 57", standing: "in", tone: "neutral", usual: "6 h 51" },
          { key: "deep", name: "Deep sleep", value: "1 h 57", standing: "high", tone: "ok", usual: "1 h 30" },
          { key: "eff", name: "Efficiency", value: "93%", standing: "in", tone: "neutral", usual: "92%" },
          { key: "lat", name: "Fell asleep in", value: "18 min", standing: "high", tone: "warn", usual: "11 min" },
          { key: "hr", name: "Lowest heart rate", value: "52 bpm", standing: "in", tone: "neutral", usual: "52" },
          { key: "hrv", name: "HRV, night average", value: "61 ms", standing: "high", tone: "ok", usual: "51" },
          { key: "br", name: "Breathing rate", value: "14.2 /min", standing: "in", tone: "neutral", usual: "14.0" },
          { key: "skin", name: "Skin temperature", value: "−0.1 °C", standing: "in", tone: "neutral", usual: "0.0" },
        ]}
      />
    </div>
  );
}