21 lines
455 B
TypeScript
21 lines
455 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>
|
|
);
|
|
};
|