text: import { css } from '@emotion/core';
  import { bpMaxSM } from 'lib/breakpoints';
  import React from 'react';
  
  const Container = props => {
    const {
      maxWidth = 900,
      noHorizontalPadding = false,
      noVerticalPadding = false,
      ...restProps
    } = props
    return (
      <div
        css={css`
          width: 100%;
          margin: 0 auto;
          max-width: ${maxWidth + (noHorizontalPadding ? 0 : 80)}px;
          padding: ${noVerticalPadding ? 0 : '40'}px
            ${noHorizontalPadding ? 0 : '40'}px;
          ${bpMaxSM} {
            padding: ${noVerticalPadding ? 0 : '20'}px
              ${noHorizontalPadding ? 0 : '20'}px;
          }
        `}
        {...restProps}
      >
        {props.children}
      </div>
    )
  }
  
  export default Container
  