import React, { Component } from 'react';
import Grid from './Grid.jsx';
import WidgetWithPlaceWidgetComponent from '../base/placeWidget.jsx';

class TwoColumns extends WidgetWithPlaceWidgetComponent {
    render() {
        const { message, click, layoutInformation } = this.props;

        const navigationComponents = this.placeWidget("Navigation");
        const mainContent = this.placeWidget("Content");

        return (
            <div className="cluedIn_layout_twoColumns">
                <div className="cluedIn_row">
                    <div className="cluedIn_col s3">
                        <Grid layoutInformation={layoutInformation} widgets={navigationComponents}></Grid>
                    </div>
                    <div className="cluedIn_col s9">
                        <Grid layoutInformation={layoutInformation} widgets={mainContent}></Grid>
                    </div>
                </div>
            </div>
        );
    }
}

export default TwoColumns;