import React from 'react';
import { Fluidbar } from '../components/index';
import SidebarContent from './sidebar-content';

/**
 * The page controller of the public module
 */
export default class PageContent extends React.Component {

    render() {
        return React.createElement(
            'div',
            null,
            this.props.title && React.createElement(
                Fluidbar,
                null,
                React.createElement(
                    'h3',
                    null,
                    this.props.title
                )
            ),
            React.createElement(SidebarContent, { menu: this.props.menu,
                path: this.props.path,
                route: this.props.route,
                viewProps: this.props.viewProps,
                queryParams: this.props.queryParams })
        );
    }
}

PageContent.propTypes = {
    // the array with menu options to display in the left menu
    menu: React.PropTypes.array,
    // the title of the page
    title: React.PropTypes.string,
    // the route object given from the route lib
    route: React.PropTypes.object,
    // the main path of the pages in the admin menu
    path: React.PropTypes.string,
    // properties passed forward to the route view component
    viewProps: React.PropTypes.object,
    queryParams: React.PropTypes.any
};