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

function App() {
  const [read, setRead] = useState(false);
  return (
    <main>
      <h1>Neighbourhood lending desk</h1>
      <button type="button" onClick={() => setRead(true)}>
        Mark notice read locally
      </button>
      <output aria-live="polite">
        {read ? 'Notice read on this page' : 'Notice unread'}
      </output>
    </main>
  );
}

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