import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { HashRouter } from 'react-router-dom';
import App from './App';
import { loadRemoteContent } from './lib/remote';
import './styles/tokens.css';
import './styles/base.css';
import './styles/components.css';

// Load dashboard content first (falls back to built-in content on any problem), then render.
loadRemoteContent().finally(() => {
  createRoot(document.getElementById('root') as HTMLElement).render(
    <StrictMode>
      <HashRouter>
        <App />
      </HashRouter>
    </StrictMode>,
  );
});