import React, { Component } from "react";
import "./PageContainer.css";

class PageContainer extends Component {
  render() {
    const top = this.props.top + 'px';
    return (
      <div className="container">
      <div className="op-page" style={{marginTop: this.props.top, height: `calc(100vh - ${top})`}}>
        <div className="op-page-container">
          <div className="op-page-body">{this.props.children}</div>
        </div>
      </div>
      </div>
    );
  }
}

export default PageContainer;