React Material-UI Cookbook

There's more...

Each style is destructured from the classes property, then applied to the appropriate Button component. However, you don't actually need to do all of this work. Since the Material-UI CSS API takes care of applying styles to components in a way that matches what you're actually targeting, you can just pass the classes directly to the buttons and get the same result. Here's a simplified version of this example:

import React, { Fragment } from 'react';import { withStyles } from '@material-ui/core/styles';import Button from '@material-ui/core/Button';const styles = theme => ({  root: {    margin: theme.spacing(2)  },  contained: {    paddingTop: theme.spacing(2),    paddingBottom: theme.spacing(2)  },  containedPrimary: { paddingLeft: theme.spacing(4), ...