import {Box, Typography} from "@mui/material";
import {CalendarToday as CalendarIcon} from "@mui/icons-material";
import React from "react";


const CalendarHeader = (selectedClass, setSelectedClass) => {
    // const [showFilters, setShowFilters] = useState(false);
    return (
        <Box sx={{
            display: 'flex',
            justifyContent: 'space-between',
            alignItems: 'center',
            mb: 4,
            flexWrap: 'wrap',
            gap: 2
        }}>
            <Box sx={{display: 'flex', alignItems: 'center', gap: 1}}>
                <CalendarIcon color="primary"/>
                <Typography variant="h4">Календарь чемпионатов</Typography>
            </Box>

            {/* Фильтры */}
            {/*<Box sx={{display: 'flex', gap: 2, flexWrap: 'wrap'}}>*/}
            {/*    <Button*/}
            {/*        variant="outlined"*/}
            {/*        // startIcon={<FilterIcon/>}*/}
            {/*        onClick={() => setShowFilters(!showFilters)}*/}
            {/*        size="small"*/}
            {/*    >*/}
            {/*        Фильтры*/}
            {/*    </Button>*/}
            {/*    {showFilters && (*/}
            {/*        <FormControl size="small" sx={{minWidth: 120}}>*/}
            {/*            <InputLabel>Класс</InputLabel>*/}
            {/*            <Select value={selectedClass} defaultValue={'Все'} onChange={(e) => setSelectedClass(e.target.value)}>*/}
            {/*                {['Все', 'Юниоры', 'Взрослые', 'Богатыри', '35+', 'Pro', 'Amateur', 'Симулятор A', 'Симулятор B'].map(*/}
            {/*                    (cls) => (*/}
            {/*                        <MenuItem key={cls} value={cls}>*/}
            {/*                            {cls}*/}
            {/*                        </MenuItem>*/}
            {/*                    )*/}
            {/*                )}*/}
            {/*            </Select>*/}
            {/*        </FormControl>*/}
            {/*    )}*/}
            {/*</Box>*/}
        </Box>
    )
}

export default CalendarHeader;