// ciclo. — Tweaks panel

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "emerald": "medium",
  "tone": "default",
  "headline": "automatico",
  "theme": "light",
  "showWeek": true
}/*EDITMODE-END*/;

const HEADLINES = {
  "automatico": ["sua casa em", "modo automático."],
  "domingo":    ["o domingo entrega.", "a semana cuida."],
  "nunca":      ["nunca fique", "sem o básico."],
};

const Tweaks = ({ tweaks, setTweak }) => {
  const t = tweaks;
  return (
    <TweaksPanel title="Tweaks">
      <TweakSection title="visual">
        <TweakRadio
          label="emerald"
          value={t.emerald}
          onChange={(v) => setTweak('emerald', v)}
          options={[
            { value: 'subtle', label: 'sutil' },
            { value: 'medium', label: 'médio' },
            { value: 'bold',   label: 'ousado' },
          ]}
        />
        <TweakRadio
          label="modo"
          value={t.theme}
          onChange={(v) => setTweak('theme', v)}
          options={[
            { value: 'light', label: 'claro' },
            { value: 'dark',  label: 'escuro' },
          ]}
        />
        <TweakRadio
          label="tipografia"
          value={t.tone}
          onChange={(v) => setTweak('tone', v)}
          options={[
            { value: 'quiet',      label: 'quieta' },
            { value: 'default',    label: 'padrão' },
            { value: 'expressive', label: 'grande' },
          ]}
        />
      </TweakSection>

      <TweakSection title="conteúdo">
        <TweakSelect
          label="headline"
          value={t.headline}
          onChange={(v) => setTweak('headline', v)}
          options={[
            { value: 'automatico', label: 'sua casa em modo automático.' },
            { value: 'domingo',    label: 'o domingo entrega.' },
            { value: 'nunca',      label: 'nunca fique sem o básico.' },
          ]}
        />
        <TweakToggle
          label="mostrar semana no hero"
          checked={t.showWeek}
          onChange={(v) => setTweak('showWeek', v)}
        />
      </TweakSection>
    </TweaksPanel>
  );
};

window.TWEAK_DEFAULTS = TWEAK_DEFAULTS;
window.HEADLINES = HEADLINES;
window.Tweaks = Tweaks;