title: How to specify a style block in react component?
body: <p>I'm generating email text using React component. I have a problem with specifying styles for this email. For example in HTML I would specify it as following:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="achievementMail"&gt;
    &lt;style&gt;
      #mailContent {
        margin: 10px;
        font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 1.33;
      }
    &lt;/style&gt;
    &lt;div id="mailContent"&gt;
      Dear players ... &lt;br/&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But, since React does not allow styles and uses object notation, I am not sure how to specify styles that I attach to the email.</p>
  
  <p>Thanks.</p>