import React, { Component } from 'react';
import GrommetApp from 'grommet/components/App';
import Box from 'grommet/components/Box';
import { PostsRenderer, BlockVideo } from 'grommet-cms-content-blocks';
import Layout from './Layout';
import state from './state';

// If you use React Router, make this component
// render <Router> with your routes. Currently,
// only synchronous routes are hot reloaded, and
// you will see a warning from <Router> on every reload.
// You can ignore this warning. For details, see:
// https://github.com/reactjs/react-router/issues/2182
// eslint-disable-next-line
export default class App extends Component {
  render() {
    return (
      <GrommetApp centered={false}>
        <Box size="large">
          <BlockVideo
            video={{
              path: 'https://grommet-bc-prd-lb.itcs.hpe.com/uploads/media/2017/2/Whats%20in%20a%20Name-%20v6%20conversion.mp4',
            }}
            image={{
              path: 'https://grommet-bc-prd-lb.itcs.hpe.com/uploads/media/2017/4/brandcentral_page_images_video_naming-1492536866662.jpg',
            }}
          />
        </Box>
      </GrommetApp>
    );
  }
}
/*
<span>
  <Layout>
    <PostsRenderer posts={state.posts} />
  </Layout> 
</span> */
@@ -88,50 +88,8 @@
 p';%0A
-import Box from 'grommet/components/Box';%0A
 impo
@@ -110,20 +110,8 @@
 erer
-, BlockVideo
  %7D f
@@ -660,396 +660,60 @@
    %3C
-Box size=%22large%22%3E%0A          %3CBlockVideo%0A            video=%7B%7B%0A              path: 'https://grommet-bc-prd-lb.itcs.hpe.com/uploads/media/2017/2/Whats%2520in%2520a%2520Name-%2520v6%2520conversion.mp4',%0A            %7D%7D%0A            image=%7B%7B%0A              path: 'https://grommet-bc-prd-lb.itcs.hpe.com/uploads/media/2017/4/brandcentral_page_images_video_naming-1492536866662.jpg',%0A            %7D%7D%0A         
+Layout%3E%0A          %3CPostsRenderer posts=%7Bstate.posts%7D
  /%3E%0A
@@ -726,12 +726,16 @@
   %3C/
-Box%3E
+Layout%3E 
 %0A   
@@ -768,90 +768,4 @@
 %7D%0A%7D%0A
-/*%0A%3Cspan%3E%0A  %3CLayout%3E%0A    %3CPostsRenderer posts=%7Bstate.posts%7D /%3E%0A  %3C/Layout%3E %0A%3C/span%3E */

Clean up example app.