import { useState } from 'react';
import { createRoot } from 'react-dom/client';

function RenderingSpike() {
  const [count, setCount] = useState(0);
  return (
    <main>
      <h1>Luma rendering spike</h1>
      <p>Local UI experiment; no account or transport.</p>
      <button type="button" onClick={() => setCount(value => value + 1)}>
        Increment
      </button>
      <output aria-live="polite">Count: {count}</output>
    </main>
  );
}

const root = document.getElementById('root');
if (!root) throw new Error('Missing rendering root');
createRoot(root).render(<RenderingSpike />);