import _                                  from 'lodash';
  import { Meteor }                         from 'meteor/meteor';
  
  import React, { Component }               from 'react';
  import { Link,browserHistory }            from 'react-router';
  import { FormGroup,
    FormControl,Glyphicon,Button }          from 'react-bootstrap';
  
  
  export class Header extends Component {
  
    constructor(props) {
      super(props);
      this.state = {
  
      };
      this.onUpdate = this.onUpdate.bind(this);
    };
  
    onUpdate(key, value) {
      this.setState({[key]: value});
    };
  
    render() {
      return (
        <div className = "enterPane-box">
          <div className="row">
            <div className="col-lg-3 col-md-6">
              <div className="thumbnail">
                <Link to="/students" >
                  <div className="thumb thumb-rounded">
                    <img src="assets/images/download2.png" alt="" />
                  </div>
                  <div className="caption text-center">
                    <h6 className="text-semibold no-margin">Students <small className="display-block">Click to view</small></h6>
                  </div>
                </Link>
                </div>
            </div>
            <div className="col-lg-3 col-md-6">
              <div className="thumbnail">

                <Link to="/staff" >

                  <div className="thumb thumb-rounded">
                    <img src="assets/images/download3.png" alt=""/>
                  </div>
                  <div className="caption text-center">
                    <h6 className="text-semibold no-margin">Teachers <small className="display-block">Click to view</small></h6>
                  </div>
                </Link>
              </div>
            </div>
  
          </div>
        </div>
      );
    };
  
  };