import React from 'react'
import { LayoutContainer, LayoutBox} from './LayoutBox'

const App = () => (
  <LayoutContainer width={window.innerWidth} height={window.innerHeight}>
    <LayoutBox height={70} style={{ background: 'DodgerBlue' }}>TopBar</LayoutBox>
    <LayoutBox top={70}>
      <LayoutBox width={200} style={{ background: 'OrangeRed' }}>Left Menu</LayoutBox>
      <LayoutBox left={200} style={{ background: 'BlueViolet' }}>
        {(layout) => (
          <pre>
            {JSON.stringify(layout, null, 2)}
          </pre>
        )}
      </LayoutBox>
    </LayoutBox>
  </LayoutContainer>
)

export default App

@@ -223,18 +223,17 @@
 d: '
-DodgerBlue
+RosyBrown
 ' %7D%7D
@@ -332,16 +332,16 @@
 d: '
-OrangeRe
+BurlyWoo
 d' %7D
@@ -418,18 +418,17 @@
 d: '
-BlueViolet
+MistyRose
 ' %7D%7D

Fix colors