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

function withLocalNotice(View) {
  return function LocalView(props) {
    return (
      <section>
        <p>Local preview only</p>
        <View {...props} />
      </section>
    );
  };
}
function Item({ name }) {
  return <p>{name}</p>;
}
const PreviewItem = withLocalNotice(Item);
function App() {
  return (
    <main>
      <h1>Neighbourhood lending desk</h1>
      <PreviewItem name="Market basket" />
    </main>
  );
}

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