import React from 'react'
import { Grid, Row, Col } from 'react-bootstrap';
import {connect} from 'react-redux'
import cs from '../services/CommunicationService'
import style from './Top.css';
import { browserHistory } from 'react-router';
/**
*
*/
export default class Header extends React.Component{

	handleLink = (id, e)=> {
		e.preventDefault();
		browserHistory.push('/ReactReduxPattern/'+id);
		cs.store.dispatch({'type':'switchTopLink', 'id':id});
		
	}
	componentDidMount() {
		//debugger
		//cs.store.dispatch({'type':'switchTopLink', 'pageId':'main'});
	}
	/**
    * render
    * @return {ReactElement} markup
    */
	render(){
		return (
			<div id="header"   style={{margin:'5px', 'border':'1px solid #e1e1e1','backgroundColor':'#e1e1e1'}}>
			      	<h3 style={{"margin":"3px"}}>Board Games</h3>	
      		</div>
		)
	}
}

