如何将标题和关闭按钮添加到菜单的顶部(在material-ui中单击按钮菜单中的第一项？

import React, { useState } from 'react';
import { Button, Menu, MenuItem, Typography, IconButton } from '@material-ui/core';
import MenuIcon from '@material-ui/icons/Menu';
import CloseIcon from '@material-ui/icons/Close';

const MyMenu = () => {
  const [anchorEl, setAnchorEl] = useState(null);

  const handleClick = (event) => {
    setAnchorEl(event.currentTarget);
  };

  const handleClose = () => {
    setAnchorEl(null);
  };

  return (
    <div>
      <Button aria-controls="menu" aria-haspopup="true" onClick={handleClick}>
        <MenuIcon />
      </Button>
      <Menu
        id="menu"
        anchorEl={anchorEl}
        keepMounted
        open={Boolean(anchorEl)}
        onClose={handleClose}
      >
        <MenuItem>
          <Typography variant="h6">菜单标题</Typography>
          <IconButton edge="end" color="inherit" onClick={handleClose}>
            <CloseIcon />
          </IconButton>
        </MenuItem>
        <MenuItem>菜单项1</MenuItem>
        <MenuItem>菜单项2</MenuItem>
        <MenuItem>菜单项3</MenuItem>
      </Menu>
    </div>
  );
};

export default MyMenu;