title: Can you use es6 import alias syntax for React Components?
body: <p>I'm trying to do something like the following, however it returns null:</p>
  
  <pre><code>import { Button as styledButton } from 'component-library'
  </code></pre>
  
  <p>then attempting to render it as:</p>
  
  <pre><code>import React, { PropTypes } from "react";
  import cx from 'classNames';
  
  import { Button as styledButton } from 'component-library';
  
  export default class Button extends React.Component {
      constructor(props){
          super(props)
      }
      render() {
          return (
                  &lt;styledButton {...this.props}&gt;&lt;/styledButton&gt;
          )
      }
  }
  </code></pre>
  
  <p>The reason is, I need to import the <code>Button</code> component from a library, and also export a wrapper component with the same name but maintaining the functionality from the imported component.  If I leave it at <code>import { Button } from component library</code> then of course, I get a multiple declaration error.</p>
  
  <p>Any ideas? </p>