content: import React from 'react';
  import PropTypes from 'prop-types';
  import { Meteor } from 'meteor/meteor';
  import { withTracker } from 'meteor/react-meteor-data';
  import { ReactiveVar } from 'meteor/reactive-var';
  import { Panel } from 'react-bootstrap';
  import PageHeader from '../../components/PageHeader/PageHeader';
  import Content from '../../components/Content/Content';
  
  import './Page.scss';
  
  const Page = ({ title, subtitle, content }) => (
    <div className="Page">
      <Panel>
        <PageHeader title={title} subtitle={subtitle} />
        <Content content={content} />
      </Panel>
    </div>
  );
  
  Page.defaultProps = {
    subtitle: '',
  };
  
  Page.propTypes = {
    title: PropTypes.string.isRequired,
    subtitle: PropTypes.string,
    content: PropTypes.string.isRequired,
  };
  
  const pageContent = new ReactiveVar('');
  
  export default withTracker(({ content, page }) => {
    window.scrollTo(0, 0); // Force window to top of page.
  
    Meteor.call('utility.getPage', page, (error, response) => {
      if (error) {
        console.warn(error);
      } else {
        pageContent.set(response);
      }
    });
  
    return {
      content: content || pageContent.get(),
    };
  }) (Page);
  