{"size": 763, "ext": "js", "max_stars_repo_path": "src/frontend/packages/archipelago-layout/src/layout/DefaultLayout/Layout.js", "max_stars_repo_name": "fluidlog/semapps-flodio", "max_stars_repo_stars_event_min_datetime": "2019-11-20T08:41:14.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-10T19:38:18.000Z", "max_issues_repo_path": "src/frontend/packages/archipelago-layout/src/layout/DefaultLayout/Layout.js", "max_issues_repo_name": "fluidlog/semapps-flodio", "max_issues_repo_issues_event_min_datetime": "2019-11-05T09:20:25.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T15:34:16.000Z", "max_forks_repo_path": "src/frontend/packages/archipelago-layout/src/layout/DefaultLayout/Layout.js", "max_forks_repo_name": "fluidlog/semapps-flodio", "max_forks_repo_forks_event_min_datetime": "2020-05-20T20:28:21.000Z", "max_forks_repo_forks_event_max_datetime": "2021-09-20T08:58:24.000Z"}
{"max_stars_count": 49, "max_issues_count": 904, "max_forks_count": 9, "avg_line_length": 21.8, "max_line_length": 99, "alphanum_fraction": 0.6474442988}
import React from 'react';
import { Layout as RaLayout } from 'react-admin';
import { makeStyles, Typography } from '@material-ui/core';
import AppBar from './AppBar';
import TreeMenu from './TreeMenu/TreeMenu';

const useStyles = makeStyles({
  appFrame: {
    marginTop: 56
  },
  title: {
    position: 'absolute',
    top: 80,
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap',
    overflow: 'hidden'
  }
});

const Layout = ({ appBar, menu, userMenu, children, ...otherProps }) => {
  const classes = useStyles();
  return (
    <RaLayout {...otherProps} classes={{ appFrame: classes.appFrame }} appBar={appBar} menu={menu}>
      {children}
    </RaLayout>
  );
};

Layout.defaultProps = {
  appBar: AppBar,
  menu: TreeMenu
};

export default Layout;
