{"size": 476, "ext": "js", "max_stars_repo_path": "src/components/Layout/index.js", "max_stars_repo_name": "datduongptit/redux-setup", "max_stars_repo_stars_event_min_datetime": "2019-01-29T20:35:28.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-01T10:48:10.000Z", "max_issues_repo_path": "src/components/Layout/index.js", "max_issues_repo_name": "datduongptit/redux-setup", "max_issues_repo_issues_event_min_datetime": "2019-02-14T14:27:33.000Z", "max_issues_repo_issues_event_max_datetime": "2019-05-13T22:31:55.000Z", "max_forks_repo_path": "src/components/Layout/index.js", "max_forks_repo_name": "datduongptit/redux-setup", "max_forks_repo_forks_event_min_datetime": "2019-01-30T13:47:48.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-28T18:47:49.000Z"}
{"max_stars_count": 85, "max_issues_count": 2, "max_forks_count": 22, "avg_line_length": 18.3076923077, "max_line_length": 77, "alphanum_fraction": 0.6134453782}
/* Dependencies */
import React from 'react';

import 'antd/dist/antd.css';

import { Layout } from 'antd';

import Main from '../Main';

const {
  Header, Content,
} = Layout;

const AppLayout = () => (
  <Layout>
    <Header style={{ textAlign: 'center', color: 'white', fontWeight: 600 }}>
      State management with Redux demo
    </Header>
    <Content style={{ padding: 20, minHeight: '100vh' }}>
      <Main />
    </Content>
  </Layout>
);

export default AppLayout;
