/**
 * HeaderMenu component
 *
 * Generated by coz on 2016-12-04,
 * from a template provided by apeman-asset-templates.
 *
 * @function HeaderMenu
 */
'use strict'

import React from 'react'
import defineDebug from 'debug'
import { ApHeaderMenu, ApHeaderMenuItem } from 'apeman-react-basic'
import { asPure, asLocaled, combine } from '../../wrappers'

const debug = defineDebug('project:fragment:header-menu')

/** @lends HeaderMenu */
const HeaderMenu = ({
  l,
  menuHidden,
  onSignin,
  onSignup
}) => menuHidden ? null : (
    <ApHeaderMenu className='header-menu'>
      <ApHeaderMenuItem onTap={ onSignin }
      >{ l('buttons.SHOW_SIGNIN') }</ApHeaderMenuItem>
      <ApHeaderMenuItem onTap={ onSignup }
                        primary>{ l('buttons.SHOW_SIGNUP') }</ApHeaderMenuItem>
    </ApHeaderMenu>
  )

export default combine(
  asPure(),
  asLocaled.proxy()
)(HeaderMenu)