/* mk-app.jsx — app del home del marketplace (index.html).
   El header/footer viven en mk-app-header.jsx (compartidos con /r/{slug}). */
const { useState: mkState } = React;

function MkApp() {
  const [q, setQ] = mkState("");
  const abrirRestaurante = (slug) => { window.location.href = "/r/" + slug; };
  return (
    <React.Fragment>
      <MkHeader q={q} setQ={setQ} />
      <MkHome q={q} onOpenRestaurant={abrirRestaurante} />
      <MkFooter />
    </React.Fragment>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<MkApp />);