import styles from '../../styles/Home.module.css';
import { H3, Button } from '../../components/UI';
import React, { useState } from 'react'


export default function Judging() {
  

  return (
    <div className={styles.container}>
      <div className='header'>
        <H3>Заезды: Робо-слалом </H3>
      </div>
      <main className={styles.main}>
        <div className='boxButton'>
          <p>Сторана А </p>
          <Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
          <Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
          <Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
        </div>
        <div className='boxButton'>
          <p>Сторона Б </p>
          <Button onClick={()=> fnStart()} disable={false} color={'bgBlue2'}>Название</Button>
          <Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
          <Button onClick={()=> fnStart()} disable={false} color={'bgGreen'}>Название</Button>
        </div>
      </main>
    </div>
  )
}