{"size": 561, "ext": "js", "max_stars_repo_path": "src/js/common/Layout/index.js", "max_stars_repo_name": "leooliveiradev/my-wallet", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/js/common/Layout/index.js", "max_issues_repo_name": "leooliveiradev/my-wallet", "max_issues_repo_issues_event_min_datetime": "2018-10-27T19:55:21.000Z", "max_issues_repo_issues_event_max_datetime": "2018-11-04T01:39:20.000Z", "max_forks_repo_path": "src/js/common/Layout/index.js", "max_forks_repo_name": "leooliveiradev/my-wallet", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 18, "max_forks_count": null, "avg_line_length": 16.5, "max_line_length": 39, "alphanum_fraction": 0.6274509804}
import React, { memo } from 'react';
import styled from 'styled-components';
import Menu from 'app/js/common/Menu';

const Wrapper = styled.div`
  display: flex;
  height: 100%;
  min-height: 100vh;
`;

const Container = styled.div`
  width: 100%;
  display: flex;
  flex-direction: column;
`;

const Content = styled.div`
  display: flex;
  flex-direction: column;
`;

const Layout = memo(({ children }) => (
  <Wrapper>
    <Menu />
    <Container>
      <Content>
        {children}
      </Content>
    </Container>
  </Wrapper>
));

export default Layout;
