import React, { ReactNode } from 'react';
import { Box } from './primitives/Box';

export interface MainContentProps {
  children: ReactNode;
}

export const MainContent = ({ children }: MainContentProps) => {
  return (
    <Box as="main" flex={1} display="flex" flexDirection="col" minHeight="0">
      {children}
    </Box>
  );
};