Material-ui how make multi color in one line code example

Example: use theme in component mui

import React from "react";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles((theme) => ({
  root: {
    backgroundColor: theme.palette.secondary.main
  }
}));

export default function App() {
  const classes = useStyles();
  return (
    

      
Hello CodeSandbox
      
Start editing to see some magic happen!
    
  );
}