import { h, Component } from 'preact'

export default function Progress({progress}) {
  if (! progress) return
  const { i, n } = progress
  const a = []
  for (let j = 0; j < n; j++) {
    a.push(
      <div key={j} className={j < i ? 'x' : 'o'}></div>
    )
  }
  return (
    <div className='progress'>
      {a}
    </div>
  )
}