// @flow
import React from 'react'
import menuOptions from './assets/menu-options-icon.svg'
import {
  HeaderWrapper,
  HeaderLogoWrapper,
  HeaderButtonWrapper
} from './Wrappers'
import MenuIcon from '../MenuIcon'

type Props = {
  onClick: Function
}
const HeaderMenu = ({ onClick }: Props) => (
  <HeaderWrapper>
    <HeaderLogoWrapper />
    <HeaderButtonWrapper onClick={onClick}>
      <MenuIcon iconSrc={menuOptions} />
    </HeaderButtonWrapper>
  </HeaderWrapper>
)

export default HeaderMenu
