import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import Headroom from 'react-headroom'
import Hamburger from '../Hamburger'

import styles from './styles.module.scss'
import './headroom.scss'

export default class Bar extends PureComponent {
  static propTypes = {
    opened: PropTypes.bool,
    toggle: PropTypes.func,
  }

  settings = {
    disableInlineStyles: true,
  }

  render() {
    const { toggle, opened } = this.props
    return (
      <Headroom {...this.settings}>
        <div className={styles.container}>
          <div className={styles.left}>
            <img src='//placehold.it/100x100' alt='logo' style={{ maxHeight: '100%' }} />
          </div>
          <div className={styles.right}>
            <Hamburger opened={opened} onClick={toggle} />
          </div>
        </div>
      </Headroom>
    )
  }
}

@@ -73,16 +73,53 @@
 -types'%0A
+import Hamburger from '../Hamburger'%0A
 import H
@@ -159,36 +159,34 @@
 ort 
-Hamburger from '../Hamburger
+Link from 'components/Link
 '%0A%0Ai
@@ -619,24 +619,52 @@
 yles.left%7D%3E%0A
+            %3CLink to='/'%3E%0A  
             
@@ -737,24 +737,44 @@
 100%25' %7D%7D /%3E%0A
+            %3C/Link%3E%0A
           %3C/

add link home to nav logo