import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { createTheme, CssBaseline, ThemeProvider } from '@mui/material'
// Supports weights 100-900
import '@fontsource-variable/inter/wght.css';
import './index.css'
import App from './App.tsx'

const theme = createTheme({
  typography: {
    fontFamily: '"Inter Variable", "Inter", sans-serif',
  },
})

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <App />
    </ThemeProvider>
  </StrictMode>
);