1. import Modules

import styled from 'styled-components' import { Button } from '@material-ui/core'

2. Create a custom Component

const MyButton = styled(({ props, ...other }) => <Button {...other} />)({
  background: props => props.bg,
  color: 'white',
  '&:hover': {
    backgroundColor: props => props.bgHover,
  },
})

<MyButton>click me</MyButton>