import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import { QUESTION_BANK } from './data/questionBank'
import { StudyStoreProvider } from './components/StudyStore'
import { AppErrorBoundary, AppSystemStatus } from './components/AppSafety'
import { registerServiceWorker } from './utils/serviceWorker'

const page = document.body.dataset.page ?? 'exam'

registerServiceWorker()

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <AppErrorBoundary>
      <StudyStoreProvider questionBank={QUESTION_BANK}>
        <App page={page} />
        <AppSystemStatus />
      </StudyStoreProvider>
    </AppErrorBoundary>
  </StrictMode>,
)