title: Element with two classes under className
body: <p>I can not seem to find this answer anywhere! Basically I am using CSS Modules, and I am importing the file. Here is an example of the CSS file:</p>
  
  <pre><code>.class1 {
    ...
  }
  .class2 {
    ...
  }
  </code></pre>
  
  <p>And then here is what I have so far in my JS file:</p>
  
  <pre><code>import styles from './header.scss';
  export const Header = () =&gt; (
    &lt;div className={styles.class1}&gt;
      ...
    &lt;/div&gt;
  );
  </code></pre>
  
  <p>I am not sure how to add two classes to <code>className</code>, the following does not work:</p>
  
  <pre><code>import styles from './header.scss';
  export const Header = () =&gt; (
    &lt;div className={styles.class1, styles.class2}&gt;
      ...
    &lt;/div&gt;
  );
  </code></pre>
  
  <p>Please help, how do I achieve putting two classes on to one element?</p>