import React, { Component } from 'react';
import CommonToolbar from './toolbar/common-toolbar';

class MainPanel extends Component {
  constructor(props) {
    super(props);
  }

  onMenuClick = () => {
    this.props.isOpen();
  }
  
  onSearchedClick = () => {
    //todos;
  }


  render() {
    return (
      <div className="main-panel o-hidden">
        <div className="main-panel-north">
          <div className="cur-view-toolbar">
            <span className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none" title="Side Nav Menu" onClick={this.onMenuClick}></span>
          </div>
          <CommonToolbar onSearchedClick={this.onSearchedClick}/>
        </div>
        <div className="main-panel-center">
          {this.props.children}
        </div>
    </div>
    )
  }
}

export default MainPanel;