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

function App() {
  const [open, setOpen] = useState(false);
  return (
    <main>
      <h1>Neighbourhood lending desk</h1>
      <p>This fixture is a client-rendered React app.</p>
      <button onClick={() => setOpen((value) => !value)}>
        Show architecture boundary
      </button>
      {open && (
        <p id="boundary">
          Server data access needs a separately configured framework and authorization
          policy.
        </p>
      )}
    </main>
  );
}

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