// assets/tweaks.jsx — painel de Tweaks do site Rodrigo Fass
const { useEffect } = React;

const FASS_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "headline": "Marcas que geram vantagem competitiva e aumentam faturamento.",
  "cursor": true
}/*EDITMODE-END*/;

const HEADLINE_LABELS = [
  "Marcas que geram vantagem competitiva e aumentam faturamento.",
  "Sua marca, sua maior vantagem competitiva.",
  "Sua marca pode ser seu maior ativo de vendas."
];

function FassTweaks() {
  const [t, setTweak] = useTweaks(FASS_TWEAK_DEFAULTS);

  // Frase de abertura
  useEffect(() => {
    const idx = Math.max(0, HEADLINE_LABELS.indexOf(t.headline));
    if (window.FASS_setHeadline) window.FASS_setHeadline(idx);
  }, [t.headline]);

  // Cursor customizado
  useEffect(() => {
    if (window.FASS_setCursor) window.FASS_setCursor(!!t.cursor);
  }, [t.cursor]);

  return (
    <TweaksPanel title="Tweaks">
      <TweakSection label="Mensagem" />
      <TweakSelect label="Frase de abertura" value={t.headline}
        options={HEADLINE_LABELS}
        onChange={(v) => setTweak('headline', v)} />

      <TweakSection label="Interação" />
      <TweakToggle label="Cursor customizado" value={t.cursor}
        onChange={(v) => setTweak('cursor', v)} />
    </TweaksPanel>
  );
}

(function mount() {
  const el = document.createElement('div');
  el.id = 'fass-tweaks-root';
  document.body.appendChild(el);
  ReactDOM.createRoot(el).render(<FassTweaks />);
})();
