How to use the @material-ui/styles/withStyles function in @material-ui/styles

>
          Delete
        
        <button color="primary">
          Edit
        </button>
      
    )
  }
}

export default withStyles(styles)(ButtonBar);

children={children}
        classNames={transitionClasses}
      />
    
  );
};

(SlideTransition as any).propTypes = {
  children: PropTypes.node.isRequired,
  className: PropTypes.string,
  slideDirection: PropTypes.oneOf(['left', 'right']).isRequired,
  transKey: PropTypes.string.isRequired,
  innerRef: PropTypes.any,
};

export default withStyles(styles, {
  name: 'MuiPickersSlideTransition',
})(SlideTransition);

)
  }
}
export default withRouter(withStyles(styles)(Signup))

This is a sample introduction
          
        
        <button color="primary">
          Getting started
        </button>
        <button color="primary">
          Dashboard
        </button>
      
    )
  }
}

export default withRouter(withStyles(styles)(InstructionDialog));

disabled={this.state.activeStep === 3 && !this.state.termsChecked}
                    >
                      {this.stepActions()}
                    
                  
                
              
            
          
        
      
    )
  }
}

export default withRouter(withStyles(styles)(Wizard));

/>
              
                
                  {title}
                
                {excerpt}
              
            
          
        );
      })}
    
  );
};

export default withStyles(styles)(List);

{Menu.map((item, index) => (
                            
                          ))}
                        
                      
                    
                  )}
              
            
        
      
    )
  }
}

export default withRouter(withStyles(styles)(Topbar))

path
            title
            date(formatString: "DD MMMM YYYY")
          }
          excerpt
        }
      }
    }
  }
`;

Home.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withRoot(withStyles(styles)(Home));

{tutorialSteps[activeStep].description}
            
          
          <div>
            <button color="primary">
                Getting started
            </button>
          </div>
        
      
    )
  }
}

export default withRouter(withStyles(styles)(SwipeDialog));

className={classes.rightGridContainer}
              >
                {this.renderRightContainer()}
              
            
          
        
      
    );
  }
}

_TopbarComponent.defaultProps = {};

export const TopbarComponent = withRouter(
  withStyles(TopbarStyles)(_TopbarComponent)
);