You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
competitions/pages/slalom.tsx

46 lines
1.4 KiB

import styles from '../styles/Home.module.css';
import { TableRating } from '../components/Table/Rating';
import Grid from '@mui/material/Grid';
import { H3 } from '../components/UI/H3/H3';
function createData(
name: string,
attempt_1: number,
attempt_2: number,
attempt_3: number,
attempt_4: number,
attempt_all: number
) {
return { name, attempt_1, attempt_2, attempt_3, attempt_4, attempt_all };
}
const rows = [
createData('Frozen yoghurt', 159, 6, 24, 4, 5),
createData('Ice cream sandwich', 237, 9.0, 37, 4.3, 5),
createData('Eclair', 262, 16.0, 24, 6.0, 6),
createData('Cupcake', 305, 3.7, 67, 4.3, 7),
createData('Gingerbread', 356, 16.0, 49, 3.9, 8),
];
export default function Slalom() {
return (
<div className={styles.container}>
<div className='header'>
<H3>Рейтинг: Робо-слалом </H3>
</div>
<main className={styles.main}>
<Grid container rowSpacing={1} columnSpacing={{ xs: 12, sm: 2, md: 2 }}>
<Grid item xs={12} sm={3} md={4}>
<TableRating nominations={'Младшая группа'} data={rows} />
</Grid>
<Grid item xs={12} sm={3} md={4}>
<TableRating nominations={'Средняя группа'} data={rows} />
</Grid>
<Grid item xs={12} sm={3} md={4}>
<TableRating nominations={'Старшая группа'} data={rows} />
</Grid>
</Grid>
</main>
</div>
)
}