Target TallyTarget Tally

"use client";

import * as React from "react";
import { TargetTally } from "@/components/ui/notchset/target-tally";

const targets = [
  { label: "EVAL CASES", target: 1200, step: 100, unit: "CASES" },
  { label: "TRACES REVIEWED", target: 180, step: 15, unit: "TRACES" },
];
const week = [
  { weekday: "MON", date: "28", values: [1200, 180] },
  { weekday: "TUE", date: "29", values: [1080, 150] },
  { weekday: "WED", date: "30", values: [940, 130] },
  { weekday: "THU", date: "01", values: [0, 0] },
];

export function DailyTargets() {
  const [logged, setLogged] = React.useState([0, 0]);
  return (
    <TargetTally
      title="DAILY TARGETS · PLANNER TEAM"
      targets={targets}
      days={week}
      today={2}
      logged={logged}
      onLog={(i, n) => setLogged((l) => l.map((v, k) => (k === i ? v + n : v)))}
      onReset={() => setLogged([0, 0])}
    />
  );
}