import React, { StrictMode, useState } from 'react';
import { createRoot } from 'react-dom/client';
import './style.css';

function App() {
  const [count, setCount] = useState(0);
  const [seen, setSeen] = useState('No click yet');
  function inspect() {
    setCount(count + 1);
    setSeen('Handler saw: ' + count);
  }
  return (
    <main>
      <h1>Neighbourhood lending desk</h1>
      <button onClick={inspect}>Inspect</button>
      <output id="current">Current: {count}</output>
      <p id="seen">{seen}</p>
    </main>
  );
}

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <App />
  </StrictMode>,
);