import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import { InternationalizationProvider } from '@astryxdesign/core/i18n'
import zhCN from '@astryxdesign/core/locales/zh-CN.generated.js'
import { App } from './App'
import { ThemeModeProvider } from './theme/ThemeMode'

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <InternationalizationProvider
      locale="zh-CN"
      messages={{ 'zh-CN': zhCN }}>
      <ThemeModeProvider>
        <App />
      </ThemeModeProvider>
    </InternationalizationProvider>
  </StrictMode>,
)