import React from 'react';
import ReactDOM from 'react-dom/client';
import { ThemeProvider } from '@mui/material/styles';
import { backstoryTheme } from './BackstoryTheme';
import { BrowserRouter as Router } from "react-router-dom";
import { BackstoryApp } from './NewApp/BackstoryApp';
import './index.css';
import { ViewHeadline } from '@mui/icons-material';
import Box from '@mui/material/Box';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

root.render(
  <React.StrictMode>
    <ThemeProvider theme={backstoryTheme}>
      <Router>
        <BackstoryApp />
      </Router>
    </ThemeProvider>
  </React.StrictMode>
);