/* Amadeus AI — Tweaks app. Mounts the panel and syncs to the DOM. */
const AMA_DEFAULTS = /*EDITMODE-BEGIN*/{
  "statement": "Light"
}/*EDITMODE-END*/;

function AmadeusTweaks() {
  const [t, setTweak] = useTweaks(AMA_DEFAULTS);

  React.useEffect(() => {
    if (window.__amadeusStatement) window.__amadeusStatement(t.statement);
  }, [t.statement]);

  return (
    <TweaksPanel title="Tweaks">
      <TweakSection label="Statement island" />
      <TweakRadio
        label="Register"
        value={t.statement}
        options={["Light", "Dark"]}
        onChange={(v) => setTweak("statement", v)}
      />
    </TweaksPanel>
  );
}

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