text: import React from 'react';
  
  import Box from '@material-ui/core/Box';
  
  import { PostProvider } from '../../../context/PostContext';
  import PostEditor from './Editor';
  import PostPreview from './Preview';
  import BottomBar from './BottomBar';
  
  export default function NewPost() {
    return (
      <PostProvider>
        <Box display="flex" height="calc(100% - 70px)" overflow="scroll">
          <Box width="50%" height="100%" padding={2} borderRight="1px solid #DDD">
            <PostEditor />
          </Box>
          <Box width="50%" height="100%" padding={2}>
            <PostPreview />
          </Box>
        </Box>
        <BottomBar />
      </PostProvider>
    );
  }
  