import {Box, Button, Typography} from "@mui/material";
import {Add as AddIcon} from "@mui/icons-material";
import React from "react";

const ChampionshipHeader = () => {
    return (
        <Box sx={{display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 4}}>
            <Typography variant="h4">
                Все чемпионаты
            </Typography>
            <Button
                variant="contained"
                size={'small'}
                color="primary"
                startIcon={<AddIcon/>}
                href="/championships/create"
                sx={{px: 3}}
            >
                Создать чемпионат
            </Button>
        </Box>
    )
}

export default ChampionshipHeader;