Stats Activity Grid

import { StatsActivityGrid } from '@/components/blocks/stats-activity-grid'

import { StatsActivityGrid } from '@/components/blocks/stats-activity-grid'

/** Deterministic 26-week deploy field, no Date/random in render */
function buildDeployField(): number[] {
  const weeks = 26
  const out: number[] = []
  for (let w = 0; w < weeks; w++) {
    for (let d = 0; d < 7; d++) {
      // Weekends quiet; midweek denser; gentle ramp into later quarters
      if (d === 0 || d === 6) {
        out.push(w % 6 === 2 ? 1 + (w % 3) : 0)
        continue
      }
      const base = ((w * 5 + d * 3) % 11) + Math.floor(w / 4)
      const spike = w === 18 && d === 2 ? 18 : 0
      out.push(base + spike)
    }
  }
  return out
}

const VALUES = buildDeployField()

const COLUMN_LABELS = [
  'Feb',
  '',
  '',
  '',
  'Mar',
  '',
  '',
  '',
  'Apr',
  '',
  '',
  '',
  'May',
  '',
  '',
  '',
  'Jun',
  '',
  '',
  '',
  'Jul',
  '',
  '',
  '',
  'Aug',
  '',
]

export default function StatsActivityGridDemo() {
  return (
    <div className="mx-auto max-w-6xl">
      <StatsActivityGrid
        heading="Deploys, last six months"
        total="1,284 deploys across 26 weeks"
        values={VALUES}
        columnLabels={COLUMN_LABELS}
        rowLabels={['Mon', 'Wed', 'Fri']}
        legendLow="Less"
        legendHigh="More"
      />
    </div>
  )
}