import React from 'react';
import { observer } from 'mobx-react';
import Helmet from 'react-helmet';

const Application = observer((props) => {
  return (
    <div style={{ width: '100%', height: '100%', display: 'flex', flex: 1 }}>
      <Helmet
        title="Atlas"
        meta={ [
          {
            name: 'viewport',
            content: 'width=device-width, initial-scale=1.0',
          },
        ] }
      />
      { props.children }
    </div>
  );
});

Application.propTypes = {
  children: React.PropTypes.node.isRequired,
};

export default Application;