import React, { Component } from 'react';
import { Link } from 'react-router';
import { connect } from 'react-redux';
import styles from './MainRender.css';

export class MainRender extends Component {
  render() {
    return (
      <div className={styles.container} >
        <div className="row">
        <h2>MainRender what?</h2>
        </div>
      </div>
    );
  }
}

/* ---------------- CONTAINER --------------------*/

function mapStateToProps(){
  // return {
  //   login: state.login
  // }
}


function mapDispatchToProps(dispatch) {
    // return {
    //     loginUser: (userCred) => {
    //         dispatch(authenticateUser(userCred))
    //     }

    // }
}

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(MainRender);

@@ -297,41 +297,170 @@
 w%22%3E%0A
-        %3Ch2%3EMainRender what?%3C/h2%3E
+%0A        %3Cdiv className=%22col 3%22%3E%3C/div%3E%0A%0A        %3Cdiv className=%22col 6%22%3E%0A          %3Ch2%3EMainRender what?%3C/h2%3E%0A        %3C/div%3E%0A%0A        %3Cdiv className=%22col 3%22%3E%3C/div%3E%0A
 %0A   

split MainRender