21 lines
448 B
TypeScript
21 lines
448 B
TypeScript
import { Cell } from './Cell'
|
|
|
|
type Props = {
|
|
guess: string
|
|
}
|
|
|
|
export const CurrentRow = ({ guess }: Props) => {
|
|
const splitGuess = guess.split('')
|
|
const emptyCells = Array.from(Array(5 - splitGuess.length))
|
|
|
|
return (
|
|
<div className="flex justify-center mb-1">
|
|
{splitGuess.map((letter, i) => (
|
|
<Cell key={i} value={letter} />
|
|
))}
|
|
{emptyCells.map((_, i) => (
|
|
<Cell key={i} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|