Activity heatmap

import { ActivityHeatmap } from "@/components/ui/activity-heatmap"

export function YearActivity() {
  const start = Date.UTC(2026, 0, 1);
  const data = Array.from({ length: 365 }, (_, index) => ({ date: new Date(start + index * 86400000).toISOString().slice(0, 10), value: (index * 7919) % 11 > 6 ? (index * 31) % 9 : 0 }));
  return (
    <div className="w-full max-w-3xl">
      <ActivityHeatmap
        label="Contributions in 2026"
        data={data}
        unit="contributions"
        breakdownLabel="Top repositories"
        breakdown={[
          { label: "caliper/ui", value: 412, detail: "TypeScript" },
          { label: "caliper/site", value: 188, detail: "Next.js" },
          { label: "caliper/registry", value: 96 },
          { label: "caliper/tokens", value: 61 },
          { label: "notes", value: 23 },
        ]}
      />
    </div>
  );
}