import { createRoot, hydrateRoot } from 'react-dom/client';
import App from './App.jsx';
import { VW_PRERENDER } from './prerender-config.js';
import './styles.css';
import './hover.css';

const root = document.getElementById('root');
const espera = document.documentElement.classList.contains('espera');

if (root.firstElementChild && !espera) {
  // celular: o HTML pré-renderizado já está na tela; o React só assume os eventos
  hydrateRoot(root, <App vwInicial={VW_PRERENDER} />);
} else {
  // desktop/tablet (layout diferente do pré-renderizado) ou modo dev: monta do zero
  root.textContent = '';
  createRoot(root).render(<App />);
}