如何在material-ui Appbar中居中显示徽标和文本？

import React from 'react';
import { AppBar, Toolbar, Typography, makeStyles } from '@material-ui/core';

const useStyles = makeStyles((theme) => ({
  appBar: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  logo: {
    marginRight: theme.spacing(2),
  },
}));

const MyComponent = () => {
  const classes = useStyles();

  return (
    <AppBar position="static" className={classes.appBar}>
      <Toolbar>
        <img src="logo.png" alt="Logo" className={classes.logo} />
        <Typography variant="h6">App Title</Typography>
      </Toolbar>
    </AppBar>
  );
};