import React from 'react'

import {
  EfluxLogo, EfluxClose, EfluxMenu
} from './eflux.icons'

const EfluxChrome = React.memo(({ navStyle }) => (
  <div className={"eflux-header " + navStyle}>
    <div className="eflux-logo">
      <a href="/">
        {EfluxLogo}
      </a>
    </div>
    <div className="eflux-nav">
      <a href="/">
        {EfluxClose}
      </a>
      <a href="/">
        {EfluxMenu}
      </a>
    </div>
  </div>
))

export default EfluxChrome