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

export default function Category() {
    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>
    )
}