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

function App() {
  const count = 2;
  const item = 'folding stools';
  const summary = `Request preview: ${count} ${item} for ${count === 1 ? 'one neighbour' : 'a small group'}.`;
  return (
    <main>
      <h1>Neighbourhood lending desk</h1>
      <p id="summary">{summary}</p>
      <p>No request has been sent.</p>
    </main>
  );
}

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