import React from 'react';
import ReactDOM from 'react-dom/client';
import App from "@/jsx/Layouts/App.jsx";

/**
 * Initialize the React app
 */
function initReactApp() {

  // Check if the React app props are available
  const{ readablerAssistantProps } = window;
  if ( ! readablerAssistantProps ) {
    console.error('Readabler Assistant: App props not found.');
    return;
  }

  const $root = document.getElementById('ra-settings-page');
  if ( ! $root ) {
    console.error('Readabler Assistant: App root element not found.');
    return;
  }

  ReactDOM.createRoot($root).render(<App {...readablerAssistantProps}/>);
}

document.readyState === 'loading' ? document.addEventListener( "DOMContentLoaded", initReactApp ) : initReactApp();