import Grid from '@mui/material/Grid';
import { Button, Box, Switch } from '../../components/UI';
import React, { useState } from 'react'

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

export const Category: React.FC<Props> = ({children, onClick, disable}) => {
   
    return(
        <>
        <div className='boxButton'>
            <p>Выберите наминацию ? </p>
            <Button onClick={()=> fnStart()} disable={false}>Стол: А - Младшая</Button>
            <Button onClick={()=> fnStart()} disable={false}>Стол: А - Средняя</Button>
            <Button onClick={()=> fnStart()} disable={false}>Стол: А - Старшая</Button>
        </div>
        <div className='boxButton'>
            <p>Выберите стол ? </p>
            <Button onClick={()=> fnStart()} disable={false}>Стол: Б - Младшая</Button>
            <Button onClick={()=> fnStart()} disable={false}>Стол: Б - Средняя</Button>
            <Button onClick={()=> fnStart()} disable={false}>Стол: Б - Старшая</Button>
        </div>
      </>
    )
}