var Link        =   require('react-router-component').Link,
    Header      =   require('wepiao/Header'),
    styles      =   require('./style');

module.exports = React.createClass({
    displayName: 'Home',

    getInitialState: function(){
        return {
            menus: [{
                text: 'Home',
                link: '/'
            },{
                text: 'About',
                link: '/about'
            }],
            current: 'Home'
        }
    },

    componentDidMount: function(){
        // ajax access here
    },

    render: function(){
        return (
            <div className={styles.home}>
              <Header menus={this.state.menus} />
              <h2>This is {this.state.current} page</h2>
              <p>Click About to load about page </p>
            </div>
        )
    }
});