import { createRoot } from 'react-dom/client';
import { HashRouter, Route, Routes } from 'react-router-dom';

import Main from './demo/layouts/Main.js';
import TestHighlight from './demo/test/TestHighlight.js';
import Test from './demo/views/Test.js';

// Reset styles so they do not affect development of the React component.
import 'modern-normalize/modern-normalize.css';
import 'react-science/styles/preflight.css';
import '@blueprintjs/core/lib/css/blueprint.css';
import '@blueprintjs/icons/lib/css/blueprint-icons.css';
import '@blueprintjs/select/lib/css/blueprint-select.css';

import './demo/index.css';

const rootElement = document.querySelector('#root');
if (!rootElement) {
  throw new Error('#root element not found');
}

const root = createRoot(rootElement);
root.render(
  <HashRouter>
    <Routes>
      <Route path="test">
        <Route path="" element={<Test />} />
        <Route path="highlight" element={<TestHighlight />} />
      </Route>
      <Route path="*" element={<Main />} />
    </Routes>
  </HashRouter>,
);