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

// Entry genérico para los historiales de solo lectura. La plantilla define las
// columnas en data-columns (JSON) y las filas en un json_script.
const el = document.getElementById('history-table-app')
if (el) {
  const dEl = document.getElementById('history-table-data')
  const rows = dEl ? JSON.parse(dEl.textContent || '[]') : []
  const columns = JSON.parse(el.dataset.columns || '[]')
  createRoot(el).render(
    <StrictMode>
      <HistoryTable columns={columns} rows={rows} emptyText={el.dataset.emptyText || 'No hay datos'} />
    </StrictMode>,
  )
}
