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

import React from 'react'
import defineDebug from 'debug'
import { ApHeaderLogo } from 'apeman-react-basic'
import { AssetSetting } from '../../../settings'
import { asLocaled, combine } from '../../wrappers'

const { frontendLogo } = AssetSetting

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

/** @lends HeaderLogo */
const HeaderLogo = ({ l }) => (
  <ApHeaderLogo className='header-logo'>
    <img src={ '/' + frontendLogo } alt='' className='header-logo-icon'/>
    <span className='header-logo-text'>
      { l('app.APP_NAME_SHORT') }
    </span>
  </ApHeaderLogo>
)

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