import '@fontsource/inter/400.css';

import React from 'react';
import { createRoot } from 'react-dom/client';
import { HashRouter } from 'react-router-dom';
import './styles/index.css';
import { AppStateProvider } from './app/appState';
import AppRouter from './app/AppRouter';

const container = document.getElementById('app');

if (!container) {
  throw new Error('App root element #app not found');
}

const root = createRoot(container);
root.render(
  <AppStateProvider>
    <HashRouter>
      <AppRouter />
    </HashRouter>
  </AppStateProvider>,
);