/* Homepage Tweaks — hero mood + color-accent intensity (Apple-style B&W direction).
   Renders into #tweaks-root; applies choices as data-attributes the CSS keys off. */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "heroMood": "black",
  "accents": "brand",
  "navStyle": "mega"
}/*EDITMODE-END*/;

function applyTweaks(t) {
  var hero = document.querySelector(".hero");
  if (hero) hero.setAttribute("data-mood", t.heroMood);
  document.body.setAttribute("data-accents", t.accents);
  var nav = document.querySelector(".nav");
  if (nav) {
    nav.setAttribute("data-nav", t.navStyle);
    nav.setAttribute("data-mode", t.heroMood === "white" ? "over-light" : "over-dark");
  }
  if (hero && !hero.classList.contains("lit")) {
    setTimeout(function () { hero.classList.add("lit"); }, 200);
  }
}

function HomeTweaks() {
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
  React.useEffect(function () { applyTweaks(t); }, [t.heroMood, t.accents, t.navStyle]);

  return (
    React.createElement(TweaksPanel, { title: "Design Options" },
      React.createElement(TweakSection, { label: "Hero banner" }),
      React.createElement(TweakRadio, {
        label: "Mood", value: t.heroMood,
        options: [ { value: "black", label: "Black" }, { value: "white", label: "White" } ],
        onChange: function (v) { setTweak("heroMood", v); }
      }),
      React.createElement(TweakSection, { label: "Color accents" }),
      React.createElement(TweakRadio, {
        label: "Tiles", value: t.accents,
        options: [ { value: "brand", label: "Brand tint" }, { value: "minimal", label: "Minimal B&W" } ],
        onChange: function (v) { setTweak("accents", v); }
      }),
      React.createElement(TweakSection, { label: "Navigation" }),
      React.createElement(TweakRadio, {
        label: "Style", value: t.navStyle,
        options: [ { value: "mega", label: "Mega-menu" }, { value: "simple", label: "Simple" }, { value: "center", label: "Centered" } ],
        onChange: function (v) { setTweak("navStyle", v); }
      })
    )
  );
}

(function mount() {
  function go() {
    var root = document.getElementById("tweaks-root");
    if (!root || !window.useTweaks) { return setTimeout(go, 60); }
    applyTweaks(TWEAK_DEFAULTS);
    ReactDOM.createRoot(root).render(React.createElement(HomeTweaks));
  }
  go();
})();