function App(){
  const [route,setRoute]=React.useState("home");
  const [pid,setPid]=React.useState("cuernos");
  const [lang,setLang]=React.useState("es");
  window.PM_LANG=lang;
  const go=r=>{setRoute(r);window.scrollTo(0,0)};
  const open=id=>{setPid(id);setRoute("product");window.scrollTo(0,0)};
  React.useEffect(()=>{window.lucide&&lucide.createIcons()});
  React.useEffect(()=>{document.documentElement.lang=lang},[lang]);
  return <div>
    <Header route={route} go={go} lang={lang} setLang={setLang}/>
    {route==="home"&&<HomeScreen go={go} open={open}/>}
    {(route==="pan"||route==="naturista")&&<CatalogScreen sec={route} open={open}/>}
    {route==="tienda"&&<GalleryScreen go={go}/>}
    {route==="product"&&<ProductScreen id={pid} go={go} open={open}/>}
    {route==="visit"&&<VisitScreen/>}
    <Footer go={go}/>
  </div>;
}
const pmRoot=document.getElementById("root");
if(pmRoot)ReactDOM.createRoot(pmRoot).render(<App/>);