import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import Typography from "@mui/material/Typography";

type Props = {
    onCreate: () => void;
};

export function PlenaryHeader({ onCreate }: Props) {
    return (
        <Box
            sx={{
                mb: 3,
                display: "flex",
                alignItems: "center",
                justifyContent: "space-between",
            }}
        >
            <Box>
                <Typography sx={{ fontSize: 32, fontWeight: 800 }}>
                    All Plenaries
                </Typography>
            </Box>

            <Button
                variant="contained"
                onClick={onCreate}
                sx={{
                    bgcolor: "primary.main",
                    textTransform: "none",
                    height: 42,
                    width: 160,
                }}
            >
                ⊞ Create Plenary
            </Button>
        </Box>
    );
}