import React, {PropTypes} from 'react';
const l10n = require('../utils/l10n');
const {openTab} = require('../utils/tab');

const Header = ({user, unreadCount}) => {
    return (
        <div className="header">
            <a className="header__open" href="#" onClick={() => openTab()}>
				<svg xmlns="http://www.w3.org/2000/svg" className="header__icon-mail">
					<use xmlnsXlink="http://www.w3.org/1999/xlink" xlinkHref="#logo"></use>
				</svg>
            </a>
            <span className="header__account">{user} (<strong>{unreadCount}</strong>)</span>
            <a className="header__compose" href="#" onClick={() => openTab('#compose')}>
				<svg xmlns="http://www.w3.org/2000/svg" className="header__icon-compose">
					<use xmlnsXlink="http://www.w3.org/1999/xlink" xlinkHref="#compose"></use>
				</svg> {l10n.text('compose')}
            </a>
        </div>
    );
};

Header.propTypes = {
    user: PropTypes.string.isRequired,
    unreadCount: PropTypes.number.isRequired
};

module.exports = Header;

@@ -222,33 +222,8 @@
   %3Ca
- className=%22header__open%22
  hre
@@ -456,36 +456,8 @@
 span
- className=%22header__account%22
 %3E%7Bus
@@ -518,36 +518,8 @@
   %3Ca
- className=%22header__compose%22
  hre

remove unused classes