Cozma Rares
18 lines
452 B
TypeScript
18 lines
452 B
TypeScript
import InferProps from "../utils/InferProps";
|
|
import ChessBoard from "./Chessboard";
|
|
import History from "./History";
|
|
|
|
const ChessUI: React.FC<InferProps<[typeof ChessBoard, typeof History]>> = (
|
|
props
|
|
) => (
|
|
<div className="max-h-[80vmin] m-4 flex flex-row gap-4 justify-center">
|
|
<ChessBoard
|
|
key={`${props.blackPerspective}` + props.chess.getFEN()}
|
|
{...props}
|
|
/>
|
|
<History {...props} />
|
|
</div>
|
|
);
|
|
|
|
export default ChessUI;
|