content: 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>
  		)
  	}
  }
  
  