// Панель Tweaks для сайта Renigt
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "liquid": true
}/*EDITMODE-END*/;

function RenigtTweaks() {
  const { useTweaks, TweaksPanel, TweakSection, TweakToggle } = window;
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);

  React.useEffect(() => {
    window.dispatchEvent(new CustomEvent("renigt-tweaks", { detail: t }));
  }, [t.liquid]);

  return (
    <TweaksPanel>
      <TweakSection label="Эффекты"></TweakSection>
      <TweakToggle label="Шейдерное пламя" value={t.liquid} onChange={(v) => setTweak("liquid", v)}></TweakToggle>
    </TweaksPanel>
  );
}

ReactDOM.createRoot(document.getElementById("tweaks-root")).render(<RenigtTweaks></RenigtTweaks>);