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

import React from 'react'
import defineDebug from 'debug'
import {
  ApContainer,
  ApNotice, ApNoticeItem
} from 'apeman-react-basic'
import { asLocaled, combine } from '../../wrappers'

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

/** @lends HeaderNotice */
const HeaderNotice = ({
  l,
  spinning,
  needsVerify,
  onVerifySend,
  noticeHidden,
  onLayout
}) => noticeHidden ? null : (
    <ApNotice className='header-notice'
              spinning={ spinning }
              onLayout={ onLayout }
    >
      <ApContainer>
        {
          needsVerify ? (
              <ApNoticeItem text={ l('notices.NEEDS_EMAIL_VERIFY') }
                            actions={{
                              [l('buttons.DO_SEND_VERIFY')]: onVerifySend
                            }}/>
            ) : null
        }
      </ApContainer>
    </ApNotice>
  )

export default combine(
  asLocaled.proxy()
)(HeaderNotice)