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

function App() {
  const [desk, setDesk] = useState('North');
  useEffect(() => {
    const previous = document.title;
    document.title = desk + ' · Lending desk';
    return () => {
      document.title = previous;
    };
  }, [desk]);
  return (
    <main>
      <h1>Neighbourhood lending desk</h1>
      <button onClick={() => setDesk('East')}>Select East</button>
      <output>Desk: {desk}</output>
    </main>
  );
}

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