title: Custom Element based in props with React
body: <p>So I was wondering if can pass the element name with React to an child componenet, so for example I have this now:</p>
  <pre class="lang-js prettyprint-override"><code>export default function Title({ title, style, size }) {
    switch (size) {
      case 'h1':
        return &lt;h1 style={style}&gt;{title}&lt;/h1&gt;;
      case 'h2':
        return &lt;h2 style={style}&gt;{title}&lt;/h2&gt;;
      case 'h3':
        return &lt;h3 style={style}&gt;{title}&lt;/h3&gt;;
      case 'h4':
        return &lt;h4 style={style}&gt;{title}&lt;/h4&gt;;
      case 'h5':
        return &lt;h5 style={style}&gt;{title}&lt;/h5&gt;;
    }
  }
  
  </code></pre>
  <p>How can I make it work like this somehow:</p>
  <pre><code>export default function Title({ title, style, size }) {
    return &lt;size style={style}&gt;{title}&lt;/size&gt;;
  }
  </code></pre>