import React, { FC, ReactNode } from 'react';
import classNames from 'classnames';
import css from './index.module.css';
import GridContainer from '../../grid/GridContainer';

export interface ContentProps {
  background?: {
    grey?: boolean;
  };
  small?: boolean;
  noPadding?: boolean;
  noPaddingBottom?: boolean;
  noPaddingTop?: boolean;
  isFullWidthOnLarge?: boolean;
  children?: ReactNode;
  style?: any;
  className?: any;
  gridClassName?: any;
}

const Content: FC<ContentProps> = ({
  children,
  background,
  style,
  className,
  gridClassName,
}) => (
  <div
    style={style ? { ...style } : {}}
    className={classNames(css.content__wrapFull, className ? className : null, {
      [css.contentGrey]: background && background.grey,
    })}
  >
    <GridContainer className={gridClassName}>{children}</GridContainer>
  </div>
);

export default Content;