import React from 'react';
import SVGInline from 'react-svg-inline';
import svg from '../../static/logo.svg';

const Logo = (props) => {
    return (
        <SVGInline
            svg={svg}
            desc={props.desc}
            width={props.width}
            height={props.height}
        />
    );
};

Logo.propTypes = {
    desc:   React.PropTypes.string,
    width:  React.PropTypes.string,
    height: React.PropTypes.string,
};

Logo.defaultProps = {
    desc: 'devnews logo',
    width: 'auto',
    height: '20',
};

export default Logo;

@@ -280,16 +280,58 @@
 height%7D%0A
+            cleanup=%7B%5B'width', 'height'%5D%7D%0A
         
@@ -557,16 +557,18 @@
 ght: '20
+px
 ',%0A%7D;%0A%0Ae

Fix weird logo size on Firefox