import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { MantineProvider } from '@mantine/core';
import '@fontsource/libre-baskerville/400.css';
import '@fontsource/libre-baskerville/700.css';
import '@fontsource/source-serif-4/400.css';
import '@fontsource/source-serif-4/600.css';
import '@fontsource/source-serif-4/700.css';
import './styles/main.css';
import App from './App.tsx';
import { siteConfig } from './data/siteConfig';

const mount = document.getElementById(siteConfig.rootMountId);
if (!mount) {
  throw new Error(`Mount node #${siteConfig.rootMountId} missing`);
}

createRoot(mount).render(
  <StrictMode>
    <MantineProvider defaultColorScheme="light">
      <App />
    </MantineProvider>
  </StrictMode>,
);