import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import media from '../utils/media';

const ContentDiv = styled.div`
  padding-top: 2rem !important;
  background-color: #fff;

  ${media.tablet`
    padding-left: 33rem !important;
  `}
`;

const PageContent = props => (
  <ContentDiv className="column">
    <div>{props.children}</div>
  </ContentDiv>
);

PageContent.defaultProps = {
  children: null,
};

PageContent.propTypes = {
  children: PropTypes.oneOfType([
    PropTypes.object,
    PropTypes.array,
  ]), // eslint-disable-line react/forbid-prop-types
};

export default PageContent;

@@ -354,18 +354,8 @@
 mn%22%3E
-%0A    %3Cdiv%3E
 %7Bpro
@@ -370,17 +370,8 @@
 ren%7D
-%3C/div%3E%0A  
 %3C/Co

simplify DOM