// Data Warehouse root app

const DW_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "accentTheme": "blue"
}/*EDITMODE-END*/;

function DWApp() {
  const [t, setTweak] = useTweaks(DW_TWEAK_DEFAULTS);
  const themeClass = t.accentTheme === "cyan" ? "theme-cyan-accent" : "";

  return (
    <div className={themeClass}>
      <Nav />
      <DWHero />
      <DWValueProps />
      <DWIndustries />
      <DWLogoStrip />
      <DWChallenges />
      <DWArchitecture />
      <DWResources />
      <DWFinalCTA />
      <Footer />

      <TweaksPanel title="Tweaks">
        <TweakSection title="Theme">
          <TweakRadio
            label="Accent color"
            value={t.accentTheme}
            options={[
              { value: "blue", label: "Brand blue" },
              { value: "cyan", label: "Cyan" },
            ]}
            onChange={v => setTweak("accentTheme", v)}
          />
        </TweakSection>
      </TweaksPanel>
    </div>
  );
}

const dwRoot = ReactDOM.createRoot(document.getElementById("root"));
dwRoot.render(<DWApp />);