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

18 lines
406 B
TypeScript

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