React functional component with withStyles

Foo.js

// <Foo onClick={this.handleClick} />
const Foo = withStyles((theme) => ({
  foo: {
    color: 'red',
  },
}))((props) => {
  const { classes, onClick } = props

  return (
    <div onClick={onClick} className={classes.foo}>
      Foo
    </div>
  )
})