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

interface Props {
    children?: React.ReactNode;
    onClick: () => void;
    disable: boolean;
  }

export default function  Aririvals() {
   
    return(
        <>
          <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>
            
        </>
    )
}