import '@fontsource/ibm-plex-sans/latin-300.css'
import '@fontsource/ibm-plex-sans/latin-400.css'
import '@fontsource/ibm-plex-sans/latin-500.css'
import '@fontsource/ibm-plex-sans/latin-600.css'
import '@fontsource/ibm-plex-sans/latin-700.css'
import '@fontsource/roboto/latin-400.css'
import '@fontsource/roboto/latin-500.css'
import '@fontsource/roboto/latin-700.css'

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

import App from './App'

import './Custom.scss'
import './Print.scss'

window.__EPICFORMBUILDER__ = {
    __WP_API__: window?.wpApiSettings,
}

try {
  const root = createRoot( document.getElementById( 'epicforms' ) )
  root.render(
    <React.StrictMode>
      <App/>
    </React.StrictMode>
  )
} catch( error ) {
  console.log( error )
  const root = createRoot( document.getElementById( 'epicforms' ) )
  root.render( <div>Application Error</div> )
}