import React from 'react';

export default class Header extends React.Component {
  render() {
    const h1Style = {
      margin: 0,
      padding: '47px 0 0 47px',
      float: 'left'
    };

    const aStyle = {
      float: 'right',
      // marginTop: '54px',
      marginTop: '60px',
      marginRight: '45px',
      fontSize: '15px',
      fontFamily: 'belwe'
    };

    return (
      <header className="header">
        <div className="margin-0-auto max-width-1200">
          <h1 className="fs-25px tt-uppercase f-tovs" style={ h1Style }>theoddvisualstuff</h1>
          <a href="#home" style={ aStyle }>Terug naar Aarde</a>
        </div>
      </header>
    );
  }
}

@@ -19,16 +19,45 @@
 'react';
+%0Aimport cn from 'classnames';
 %0A%0Aexport
@@ -160,40 +160,8 @@
  0,%0A
-      padding: '47px 0 0 47px',%0A
     
@@ -237,25 +237,21 @@
     
-// marginTop
+fontSize
 : '
+1
 5
-4
 px',
@@ -261,109 +261,114 @@
     
-marginTop: '60px',%0A      marginRight: '45px',%0A  
+fontFamily: 'belwe'%0A    %7D;%0A%0A
     
-fontSize: '15px',%0A      fontFamily: 'belwe'%0A    %7D
+const isLargeClass = this.props.isLarge && 'large' ? 'top large' : 'small'
 ;%0A%0A 
@@ -407,16 +407,36 @@
 ame=
-%22header%22
+%7Bcn('Header', isLargeClass)%7D
 %3E%0A  
@@ -605,49 +605,67 @@
 ref=
-%22#home%22 style=%7B aStyle %7D%3ETerug naar Aarde
+%7Bthis.props.linkSrc%7D style=%7B aStyle %7D%3E%7Bthis.props.linkName%7D
 %3C/a%3E

Implement more props for Header