26 lines
519 B
TypeScript
26 lines
519 B
TypeScript
import React from "react";
|
|
import { Cell } from "../types";
|
|
import styles from "../styles/board.module.css";
|
|
|
|
interface BoardProps {
|
|
cells: Cell[];
|
|
cellWidth: number;
|
|
}
|
|
|
|
const Board = (props: BoardProps) => {
|
|
return (
|
|
<div
|
|
className={styles.gridContainer}
|
|
style={{
|
|
gridTemplateColumns: `repeat(${props.cellWidth}, 1fr)`,
|
|
}}
|
|
>
|
|
{props.cells.map((cell) => (
|
|
<div className={styles.gridCell}>{cell.terrainType}</div>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Board;
|