import React from 'react';
import { Provider } from 'react-redux';
import ReactDOM from 'react-dom/client';
import { CircularProgress } from '@material-ui/core';
import store from './store';
import {
  filterConfig,
  controlVocabConfig,
  graphViewConfig,
} from './components/ModelNavigator/config/nav.config';
import loadMDFDictionary from './components/ModelNavigator/Model/loadMDF';
import { ModelContext } from './components/ModelNavigator/Model/ModelContext';
import DictionarySearcher from './components/ModelNavigator/DataDictionary/Search/DictionarySearcher/DictionarySearcher';
import './components/ModelNavigator/index.css';
const mdf_urls = ['https://raw.githubusercontent.com/CBIIT/icdc-model-tool/develop/model-desc/icdc-model.yml',
                  'https://raw.githubusercontent.com/CBIIT/icdc-model-tool/develop/model-desc/icdc-model-props.yml'];

function getModel() {
  return loadMDFDictionary(...mdf_urls)
    .then( (model) => model );
}

const model = await getModel(); // eslint-disable-line no-undef

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  <React.StrictMode>
    <Provider store={store}>
      <ModelContext.Provider value={model}>
        <DictionarySearcher />
      </ModelContext.Provider>
    </Provider>
  </React.StrictMode>
);