honigle/src/components/grid/CompletedRow.tsx
2022-01-16 15:11:27 +04:00

18 lines
405 B
TypeScript

import { getGuessStatuses } from '../../lib/statuses'
import { Cell } from './Cell'
type Props = {
guess: string
}
export const CompletedRow = ({ guess }: Props) => {
const statuses = getGuessStatuses(guess)
return (
<div className="flex justify-center mb-1">
{guess.split('').map((letter, i) => (
<Cell key={i} value={letter} status={statuses[i]} />
))}
</div>
)
}