text: import React, { Component } from 'react'
  import classNames from 'classnames'
  import Helmet from 'react-helmet'
  import { injectIntl } from 'react-intl'
  import PropTypes from 'prop-types'
  
  import Link from 'shared/components/link'
  import styles from './index.module.css'
  
  class DesktopNavBar extends Component {
    render () {
      const { isSticky, intl: { messages } } = this.props
      const navBarClasses = classNames(styles.container,
        {
          [styles.sticky]: isSticky
        })
  
      return (
        <div className={ navBarClasses } >
          <div className={ styles.navBarMenu }>
            <Helmet>
              <script async defer src="https://buttons.github.io/buttons.js" />
            </Helmet>
            <div className={ styles.link } onClick={ this.handleGettingStartedClick }> { messages.navBar.item1 } </div>
            <Link href="https://github.com/ipfs/js-ipfs/tree/master/examples#js-ipfs-examples-and-tutorials">
              { messages.navBar.item2 }
            </Link>
            <Link href="https://github.com/ipfs/interface-ipfs-core/tree/master/SPEC">
              { messages.navBar.item3 }
            </Link>
            <Link href="https://github.com/ipfs/js-ipfs">
              { messages.navBar.item4 }
            </Link>
            <div className={ styles.starContainer }>
              <a className="github-button" href="https://github.com/ipfs/js-ipfs" data-show-count="true" aria-label="Star ipfs/js-ipfs on GitHub">
                Star
              </a>
            </div>
          </div>
        </div>
      )
    }
  
    handleGettingStartedClick = () => {
      this.props.onGoToGettingStarted()
    }
  }
  
  DesktopNavBar.propTypes = {
    isSticky: PropTypes.bool.isRequired,
    intl: PropTypes.object.isRequired,
    onGoToGettingStarted: PropTypes.func
  }
  
  export default injectIntl(DesktopNavBar)
  