Can you use es6 import alias syntax for React Components? : <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>
