Files
chesskit/src/sections/analysis/reviewPanelHeader/index.tsx
2024-02-26 01:54:01 +01:00

48 lines
989 B
TypeScript

import { Icon } from "@iconify/react";
import { Grid, Typography } from "@mui/material";
import GamePanel from "./gamePanel";
import LoadGame from "./loadGame";
import AnalyzeButton from "./analyzeButton";
export default function ReviewPanelHeader() {
return (
<Grid
item
container
justifyContent="center"
alignItems="center"
xs={12}
rowGap={3}
>
<Grid
item
container
xs={12}
justifyContent="center"
alignItems="center"
columnGap={1}
>
<Icon icon="ph:file-magnifying-glass-fill" height={28} />
<Typography variant="h5" align="center">
Game Report
</Typography>
</Grid>
<Grid
item
container
xs={12}
justifyContent="center"
alignItems="center"
rowGap={3}
columnGap={15}
>
<GamePanel />
<LoadGame />
<AnalyzeButton />
</Grid>
</Grid>
);
}