import React, {Component, PropTypes} from 'react';
import {Router, Route, IndexRoute, Link} from 'react-router';

export default class Layout extends Component {
    render() {
        const {children, headerClassName, contentClassName, footerClassName, header, footer} = this.props;
        const styles = require('./Layout.less');

        return (
            <section className={styles.layout}>
                {header}
                <div className={[styles.content, contentClassName].join(' ')}>
                    {children}
                </div>
                {footer}
            </section>
        );
       
    }
}
