/**
 * Created by wjp on 2017/10/17.
 */
import React, { Component } from 'react'
import PropTypes from 'prop-types'
import logo from '../../../static/image/logo.png'
import main from '../../../static/image/main.png'

export default class Main extends Component {
    static propTypes = {
        children: PropTypes.object,
        styles: PropTypes.object

    }

    render () {
        const{styles} = this.props

        return (
            <div className={`${styles.main} clearFix`}>
                <div className={styles.logo}>
                    <img src={logo} />
                    <p>人&nbsp;&nbsp;&nbsp;人&nbsp;&nbsp;&nbsp;都&nbsp;&nbsp;&nbsp;
                        是&nbsp;&nbsp;&nbsp;发&nbsp;&nbsp;&nbsp;明&nbsp;&nbsp;&nbsp;家
                    </p>
                </div>
                <div className={styles.content}>
                    <div className={styles.leftWrapper}>
                        <img src={main} />
                    </div>
                    <div className={styles.rightWrapper}>
                        {this.props.children}
                    </div>

                </div>

            </div>
        )
    }
}