import * as React from 'react';
import { Layout } from 'antd';
import Headers from 'components/basic/Header';
import SlideMenu from 'components/basic/SlideMenu';
import Router from 'router/index';
import { listRouterToComponent } from 'router/ConvertRouter';

const { Content } = Layout;

function ProjectLayout() {
  return (
    <Layout style={{ minHeight: "100vh" }}>
      <Headers />
      <Layout style={{ height: "calc(100vh - 110px)" }}>
        <SlideMenu />
        <Content style={{ padding: "10px 16px", overflow: "auto" }}>
          {listRouterToComponent(Router)}
        </Content>
      </Layout>
    </Layout>
  );
}

export default ProjectLayout;
