import React from 'react';
import { Grid } from '@material-ui/core';

interface ContentWrapperProps {
  children: JSX.Element;
  direction?: 'row' | 'column';
}

export const ContentWrapper = ({
  direction = 'row',
  children,
}: ContentWrapperProps) => {
  return (
    <div style={{ flexGrow: 1, padding: '5rem' }}>
      <Grid direction={direction} spacing={2} container>
        {children}
      </Grid>
    </div>
  );
};
