/**
 * global layout
 */

import React from 'react';
import { withRouter } from 'react-router';
import LayoutMicro from '$src/layouts/Micro';
import AppLayout from '@stofe/sui-app-layout';
import { isInIcestark } from '@alicd/micro-stark';
import { getMenus } from '$src/configs/router-config';
import { ClASS_NAMESPACE } from '$src/common/const';

const LayoutDefault = withRouter(AppLayout);

// config multi-layouts here
export default function (props) {
  if (isInIcestark()) {
    return <LayoutMicro>{props.children}</LayoutMicro>;
  }

  return (
    <LayoutDefault menus={getMenus()} classNamespace={ClASS_NAMESPACE}>
      {props.children}
    </LayoutDefault>
  );
}