// Pizzeria Vesuvio — App shell
const { useState, useEffect } = React;

function App() {
  const [lang, setLang] = useState('it');
  const [scrolled, setScrolled] = useState(false);
  const [drawer, setDrawer] = useState(false);
  const [menuCat, setMenuCat] = useState('popolari');

  useEffect(() => {
    document.documentElement.lang = lang;
  }, [lang]);

  useEffect(() => {
    const onScroll = () => setScrolled(window.scrollY > 60);
    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();
    return () => window.removeEventListener('scroll', onScroll);
  }, []);

  const t = window.I18N[lang];

  return (
    <div className="min-h-screen relative">
      <window.Header
        t={t} lang={lang}
        onLang={setLang}
        scrolled={scrolled}
        onOpenMenu={() => setDrawer(true)}
      />
      <window.MobileDrawer
        open={drawer}
        onClose={() => setDrawer(false)}
        t={t} lang={lang} onLang={(l) => { setLang(l); setDrawer(false); }}
      />
      <main>
        <window.Hero t={t} onGoToMenu={() => setMenuCat('pizze')} />
        <window.Pilastri t={t} />
        <window.Storia t={t} />
        <window.Menu t={t} cat={menuCat} setCat={setMenuCat} />
        <window.Contatti t={t} />
      </main>
      <window.CallBar t={t} />
    </div>
  );
}

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