import React from 'react'
import ReactDOM from 'react-dom/client'

import './index.css'
import App from './ui/App'
import Debug from './ui/Debug'

import { getConfigOption } from './utils/configuration'

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)

let isDebug = false

;async () => {
  isDebug = await getConfigOption('debug_enabled')
}

root.render(<React.StrictMode>{isDebug ? <Debug /> : <App />}</React.StrictMode>)

import reportWebVitals from './utils/reportWebVitals'
isDebug && reportWebVitals(console.log)