import React, { useEffect } from 'react'
import { createRoot } from 'react-dom/client'
import { HashRouter as Router, Routes, Route } from 'react-router-dom'
import App from './App.jsx'
import './styles.css'
import { applyColorScheme } from './colorSchemes'
import desktopApi from './desktop/desktopApi'

function Main() {
  useEffect(() => {
    desktopApi.getSettings().then(settings => {
      applyColorScheme(settings.colorScheme || 'Default')
      desktopApi.applyUiScale(settings.uiScale)
    })
  }, [])

  return (
    <React.StrictMode>
      <Router>
        <Routes>
          <Route path="/" element={<App />} />
        </Routes>
      </Router>
    </React.StrictMode>
  )
}

const root = createRoot(document.getElementById('root'))
root.render(<Main />)