// App.jsx — root
const App = () => {
  const [openId, setOpenId] = React.useState(null);
  const TWEAKS = /*EDITMODE-BEGIN*/{
    "heroVariant": "photo",
    "showIntencao": true,
    "showStories": true,
    "showWhatsapp": true
  }/*EDITMODE-END*/;
  const [tweaks, setTweak] = (window.useTweaks ? window.useTweaks(TWEAKS) : [TWEAKS, () => {}]);

  return (
    <>
      <Header />
      <Hero />
      <Sonho />
      <Contribuir onOpen={setOpenId} />
      {tweaks.showStories && <Stories />}
      {tweaks.showWhatsapp && <Whatsapp />}
      <Closing />
      <FooterMini />
      <ContribModal openId={openId} onClose={() => setOpenId(null)} />

      {window.TweaksPanel && (
        <window.TweaksPanel title="Tweaks">
          <window.TweakSection title="Seções">
            <window.TweakToggle
              label="Histórias Belavista"
              value={tweaks.showStories}
              onChange={(v) => setTweak('showStories', v)}
            />
            <window.TweakToggle
              label="Canal WhatsApp"
              value={tweaks.showWhatsapp}
              onChange={(v) => setTweak('showWhatsapp', v)}
            />
          </window.TweakSection>
        </window.TweaksPanel>
      )}
    </>
  );
};

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