import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { FIELD_DESIGN } from './config/fieldDesign';
import { I18nProvider } from './i18n';
import { ThemeProvider } from './theme';
import App from './App';
import './styles/fonts.css';
import './styles/tokens.css';
import './styles/global.css';
import './styles/fields.css';
import './styles/types.css';

document.documentElement.dataset.fieldDesign = FIELD_DESIGN.id;

const container = document.getElementById('root');
if (!container) throw new Error('Root element #root not found');

createRoot(container).render(
  <StrictMode>
    <ThemeProvider>
      <I18nProvider>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </I18nProvider>
    </ThemeProvider>
  </StrictMode>,
);