/*
 * Copyright OpenSearch Contributors
 * SPDX-License-Identifier: Apache-2.0
 */

import React from 'react';
import { I18nProvider } from '@osd/i18n/react';
import { Redirect, Route, Switch } from 'react-router-dom';
import { EuiPage, EuiPageBody } from '@elastic/eui';
import { ROUTES } from '../../common/router';
import { routerPaths } from '../../common/router_paths';

import { CoreStart, IUiSettingsClient } from '../../../../src/core/public';
import { NavigationPublicPluginStart } from '../../../../src/plugins/navigation/public';
import { DataPublicPluginStart } from '../../../../src/plugins/data/public';

import { GlobalBreadcrumbs } from './global_breadcrumbs';

interface MlCommonsPluginAppDeps {
  basename: string;
  notifications: CoreStart['notifications'];
  http: CoreStart['http'];
  navigation: NavigationPublicPluginStart;
  chrome: CoreStart['chrome'];
  data: DataPublicPluginStart;
  uiSettingsClient: IUiSettingsClient;
}

export interface ComponentsCommonProps {
  notifications: CoreStart['notifications'];
  http: CoreStart['http'];
  data: DataPublicPluginStart;
}

export const MlCommonsPluginApp = ({
  basename,
  notifications,
  http,
  chrome,
  data,
}: MlCommonsPluginAppDeps) => {
  return (
    <I18nProvider>
      <>
        <EuiPage>
          <EuiPageBody component="main">
            <Switch>
              {ROUTES.map(({ path, Component, exact }) => (
                <Route
                  key={path}
                  path={path}
                  render={() => <Component http={http} notifications={notifications} data={data} />}
                  exact={exact ?? false}
                />
              ))}
              <Redirect from={routerPaths.root} to={routerPaths.overview} />
            </Switch>
          </EuiPageBody>
        </EuiPage>
        <GlobalBreadcrumbs chrome={chrome} basename={basename} />
      </>
    </I18nProvider>
  );
};