import { createRoot } from 'react-dom/client';
import App from './App';
import './App.css';

let root = null;

function mountOnboarding() {
  const container = document.getElementById('wowext-onboarding-root');
  if (!container) {
    return;
  }
  if (root) {
    root.unmount();
    root = null;
  }
  root = createRoot(container);
  root.render(<App />);
}

if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', mountOnboarding);
} else {
  mountOnboarding();
}

window.wowextMountOnboarding = mountOnboarding;