如何在material-ui中定制DialogTitle

import React from 'react';
import { DialogTitle, Typography, withStyles } from '@material-ui/core';

const styles = theme => ({
  root: {
    backgroundColor: theme.palette.primary.main,
    color: theme.palette.primary.contrastText,
    padding: theme.spacing(2),
  },
  title: {
    fontWeight: 'bold',
  },
});

const CustomDialogTitle = withStyles(styles)(({ classes, children }) => (
  <DialogTitle disableTypography className={classes.root}>
    <Typography variant="h6" className={classes.title}>
      {children}
    </Typography>
  </DialogTitle>
));

<Dialog>
  <CustomDialogTitle>Custom Dialog Title</CustomDialogTitle>
  {/* 其他DialogContent和DialogActions */}
</Dialog>