/**
 * author: ourfor
 * descript: this the web header
 */
import { Icon } from 'antd';
import './sass/header.scss';

let items = $conf.header.link;
console.log(items);
let links = [];
_.each(items,(v,k) => {
    links.push(
        <a key={`mheader-${k}`} color={v.color} href={v.url}>
            <Icon type={v.icon} theme={v.theme} twoToneColor={v.color} />
            <span className="icon-title">{v.desc}</span>
        </a>
    )
});

class mHeader extends Component {

    constructor(props){
        super(props);
    }

    render(){
        return (
            <div className="mobile-header">
                <section className="header-content">
                    <p className="header-title">Zip的小窝</p>
                    <nav className="header-link">
                        {links}
                    </nav>
                    <div className="header-saying">你选择遗忘的, 是我最不舍的.</div>
                    <div className="header-other">🍇🍈🍉🍊🍋🍌🍍🍎🍏🍐🍑🍒🍓🥝🍅</div>
                </section>
            </div>
        );
    }
}

export {mHeader};