import React from 'react'
import { Copyright } from './Copyright'
import { Brand } from './Brand'
import { rhythm } from '../utils/typography'

class Layout extends React.Component {
  render() {
    const { title, children, headerDimmed = false } = this.props

    return (
      <div
        style={{
          marginLeft: `auto`,
          marginRight: `auto`,
          maxWidth: 700,
          padding: `${rhythm(1.5)} ${rhythm(3 / 4)}`,
        }}
      >
        <Brand title={title} dimmed={headerDimmed} />
        {children}
        <Copyright />
      </div>
    )
  }
}

export default Layout

@@ -141,62 +141,33 @@
 y'%0A%0A
-class Layout extends React.Component %7B%0A  render(
+function Layout(props
 ) %7B%0A
-  
   co
@@ -218,22 +218,15 @@
 %7D = 
-this.
 props%0A%0A
-  
   re
@@ -236,18 +236,16 @@
 n (%0A    
-  
 %3Cdiv%0A   
@@ -247,18 +247,16 @@
 v%0A      
- 
- 
 style=%7B%7B
@@ -256,18 +256,16 @@
 tyle=%7B%7B%0A
-  
         
@@ -276,34 +276,32 @@
 inLeft: %60auto%60,%0A
-  
         marginRi
@@ -321,18 +321,16 @@
         
-  
 maxWidth
@@ -336,18 +336,16 @@
 h: 700,%0A
-  
         
@@ -388,18 +388,16 @@
 / 4)%7D%60,%0A
-  
       %7D%7D
@@ -405,14 +405,10 @@
     
-  %3E%0A  
+%3E%0A
     
@@ -461,18 +461,16 @@
 %3E%0A      
- 
- 
 %7Bchildre
@@ -472,18 +472,16 @@
 ildren%7D%0A
-  
       %3CC
@@ -496,18 +496,16 @@
  /%3E%0A    
-  
 %3C/div%3E%0A 
@@ -509,15 +509,9 @@
 %3E%0A  
- 
- )%0A  %7D
+)
 %0A%7D%0A%0A

Make Layout FC