title: Passing props and styles to functional component (React)
body: <p>I am struggling to figure out the correct way to use material UI styles and pass props to my functional component.</p>
  
  <p>I have this</p>
  
  <pre><code>import { withStyles } from '@material-ui/core/styles';
  .....
  
  const styles = {
     media: {
       height: 0,
       paddingTop: '56.25%'
    },
  };
  
  const Article = (props, {classes}) =&gt; (
  &lt;div&gt;
         &lt;Card className="rounded"&gt;
              &lt;CardMedia
                  className={classes.media}
                  image={props.img}
              /&gt;
              &lt;CardContent&gt;
                  &lt;h3 className="font-weight-bold"&gt;{props.heading}&lt;/h3&gt;
                  &lt;p className="mb-0"&gt;
                      {props.description}
                  &lt;/p&gt;
              &lt;/CardContent&gt;
         &lt;/Card&gt;
  &lt;/div&gt;
  );
  
  export default withStyles(styles)(Article);
  </code></pre>
  
  <p>I have tried</p>
  
  <pre><code>const Article = (props, classes) =&gt; (
  const Article = ({props, classes}) =&gt; (
  const Article = ({img, heading, description, classes}) =&gt; (
  </code></pre>
  
  <p>it works with just <code>props</code> and it works with just <code>{classes}</code> but can't get them to work together.</p>
  
  <p>Please help,
  Thanks</p>