import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { NewsList } from '../components/NewsList'
import { ServerStatus } from '../components/ServerStatus'

// Islas de la portada: cada componente React se monta donde Django deja su
// contenedor. El resto de la página sigue siendo Django.
function mount(id: string, node: React.ReactElement) {
  const el = document.getElementById(id)
  if (el) {
    createRoot(el).render(<StrictMode>{node}</StrictMode>)
  }
}

mount('home-news-app', <NewsList />)
mount('home-status-app', <ServerStatus />)
