content: import React from 'react';
  import Logo from './common/logo.js';
  import SearchForm from './common/searchform.js';
  import UserArea from './common/userarea.js';
  
  class Header extends React.Component {
  	render() {
  		return (
  			<header id={this.props.id}>
  				<div className='wrapper'>
  					<Logo href='https://liuyuanquan.github.io/kankan/' />
  					<SearchForm placeholder='落叶归根' />
  					<UserArea list={[{
  						icon: 'icon-user',
  						name: '登录/注册'
  					}, {
  						icon: 'icon-vip',
  						name: '开通会员'
  					}, {
  						icon: 'icon-fav',
  						name: '收藏'
  					}, {
  						icon: 'icon-record',
  						name: '记录'
  					}, {
  						icon: 'icon-app',
  						name: '客户端'
  					},  {
  						icon: 'icon-download',
  						name: 'APP'
  					}]} />
  				</div>
  			</header>
  		)
  	}
  }
  Header.defaultProps = {
  	id: 'JS_kankan_header'
  }
  
  export default Header;