import React from 'react';
import { createRoot } from 'react-dom/client';

import '../shared/ui/globals.css';
import { EditorI18nProvider } from '../editor/i18n/EditorI18nContext';
import { WindowErrorBoundary } from '../shared/ui/WindowErrorBoundary';

import { MaterialsApp } from './MaterialsApp';

const rootEl = document.getElementById('root');
if (!rootEl) {
  throw new Error('Missing #root element');
}

createRoot(rootEl).render(
  <React.StrictMode>
    <WindowErrorBoundary title="Материалы">
      <EditorI18nProvider>
        <MaterialsApp />
      </EditorI18nProvider>
    </WindowErrorBoundary>
  </React.StrictMode>,
);
