testing-grid.ts

import "@johnlindquist/kit"
import type { Choice } from "@johnlindquist/kit"
    
export const metadata: Metadata = {
  name: "Testing Grid",
}

function generateGrid(count: number):Choice[] {
  return Array.from({ length: count }, (_, i) => ({
    name: `item-${i}`,
    html: `<div>Item ${i}</div>`,
    className: "bg-secondary justify-around",
    focusedClassName: "bg-primary justify-around"
    
  }))
}

await grid({
  columnWidth: Math.floor(PROMPT.WIDTH.BASE / 3),
  rowHeight: Math.floor(PROMPT.HEIGHT.BASE / 6),
  gridPadding: 0,
  gridGap: 0
}, generateGrid(100))