如何在react-admin上样式化一个基于类的组件？

import React from 'react';
import { withStyles } from '@material-ui/core/styles';

const styles = {
  root: {
    // 定义根元素的样式
    // 可以使用CSS属性来设置样式
  },
  title: {
    // 定义标题元素的样式
  },
  content: {
    // 定义内容元素的样式
  },
};

class MyStyledComponent extends React.Component {
  render() {
    const { classes } = this.props;

    return (
      <div className={classes.root}>
        <h1 className={classes.title}>Hello, World!</h1>
        <p className={classes.content}>This is a styled component.</p>
      </div>
    );
  }
}

export default withStyles(styles)(MyStyledComponent);