// eslint-disable-next-line no-use-before-define
import React, { useState } from 'react'
import { render } from 'react-dom'
import './index.css'
import { ThemeModule } from './app/tabs/theme-module'
import { Preload } from './app/components/preload'
import Config from './config'
import Registry from './app/state/registry'
import { Storage } from '@remix-project/remix-lib'

(async function () {

  // load app config
  const configStorage = new Storage('config-v0.8:')
  const config = new Config(configStorage)
  Registry.getInstance().put({ api: config, name: 'config' })
  const theme = new ThemeModule()
  theme.initTheme()

  render(
    <React.StrictMode>
      <Preload></Preload>
    </React.StrictMode>,
    document.getElementById('root')
  )

})()