Layout

() => {
  const headerStyle = {
    backgroundColor: '#f4f3f3',
    padding: '1em',
  }
  const contentStyle = {
    backgroundColor: '#dfdfdf',
    padding: '1em',
  }
  const footerStyle = {
    backgroundColor: '#bfd8d5',
    padding: '1em',
  }
  const layoutStyle = {
    height: 300,
    maxWidth: 500,
  }
  return (
    <Layout style={layoutStyle}>
      <Header style={headerStyle}>header</Header>
      <Content style={contentStyle}>content</Content>
      <Footer style={footerStyle}>footer</Footer>
    </Layout>
  )
}

() => {
  const headerStyle = {
    backgroundColor: '#f4f3f3',
    padding: '1em',
  }
  const contentStyle = {
    backgroundColor: '#dfdfdf',
    padding: '1em',
  }
  const asideStyle = {
    backgroundColor: '#bfd8d5',
    padding: '1em',
  }
  const footerStyle = headerStyle
  const layoutStyle = {
    height: 300,
    maxWidth: 500,
  }
  return (
    <Layout style={layoutStyle}>
      <Header style={headerStyle}>header</Header>
      <Layout>
        <Aside style={asideStyle}>aside</Aside>
        <Content style={contentStyle}>content</Content>
      </Layout>
      <Footer style={footerStyle}>footer</Footer>
    </Layout>
  )
}

() => {
  const headerStyle = {
    backgroundColor: '#f4f3f3',
    padding: '1em',
  }
  const contentStyle = {
    backgroundColor: '#dfdfdf',
    padding: '1em',
  }
  const asideStyle = {
    backgroundColor: '#bfd8d5',
    padding: '1em',
  }
  const footerStyle = headerStyle
  const layoutStyle = {
    height: 300,
    maxWidth: 500,
  }
  return (
    <Layout style={layoutStyle}>
      <Header style={headerStyle}>header</Header>
      <Layout>
        <Content style={contentStyle}>content</Content>
        <Aside style={asideStyle}>aside</Aside>
      </Layout>
      <Footer style={footerStyle}>footer</Footer>
    </Layout>
  )
}

() => {
  const headerStyle = {
    backgroundColor: '#f4f3f3',
    padding: '1em',
  }
  const contentStyle = {
    backgroundColor: '#dfdfdf',
    padding: '1em',
  }
  const asideStyle = {
    backgroundColor: '#bfd8d5',
    padding: '1em',
  }
  const footerStyle = headerStyle
  const layoutStyle = {
    height: 300,
    maxWidth: 500,
  }
  return (
    <Layout style={layoutStyle}>
      <Aside style={asideStyle}>aside</Aside>
      <Layout>
        <Header style={headerStyle}>header</Header>
        <Content style={contentStyle}>content</Content>
        <Footer style={footerStyle}>footer</Footer>
      </Layout>
    </Layout>
  )
}