// Tweaks — exposes layout/copy variants for the landing page.
function TweaksPanelMount({ tweaks, setTweak }) {
  return (
    <TweaksPanel>
      <TweakSection label="Hero" />
      <TweakRadio
        label="Layout"
        value={tweaks.heroLayout}
        options={["split", "centered"]}
        onChange={(v) => setTweak("heroLayout", v)}
      />
      <TweakSelect
        label="Headline copy"
        value={tweaks.heroHeadline}
        options={[
          { value: "default", label: "The jobs that aren't posted…" },
          { value: "hidden", label: "The hidden job market, opened up." },
          { value: "outreach", label: "Cold outreach that actually lands." },
        ]}
        onChange={(v) => setTweak("heroHeadline", v)}
      />
      <TweakSelect
        label="Eyebrow"
        value={tweaks.heroEyebrow}
        options={[
          { value: "launch", label: "Launching soon · Join the waitlist" },
          { value: "hidden", label: "Built for the hidden job market" },
          { value: "students", label: "For students aiming at competitive industries" },
        ]}
        onChange={(v) => setTweak("heroEyebrow", v)}
      />
      <TweakToggle
        label="Floating annotations"
        value={tweaks.showFloatNotes}
        onChange={(v) => setTweak("showFloatNotes", v)}
      />

      <TweakSection label="Calls to action" />
      <TweakRadio
        label="Primary button"
        value={tweaks.ctaStyle}
        options={["ink", "fern"]}
        onChange={(v) => setTweak("ctaStyle", v)}
      />
      <TweakText
        label="Nav button label"
        value={tweaks.navLabel}
        onChange={(v) => setTweak("navLabel", v)}
      />

      <TweakSection label="Sections" />
      <TweakToggle
        label="Why Sendorai"
        value={tweaks.showValueProps}
        onChange={(v) => setTweak("showValueProps", v)}
      />
      <TweakToggle
        label="Sample draft"
        value={tweaks.showSampleDraft}
        onChange={(v) => setTweak("showSampleDraft", v)}
      />
      <TweakToggle
        label="Founder note"
        value={tweaks.showFounder}
        onChange={(v) => setTweak("showFounder", v)}
      />
    </TweaksPanel>
  );
}
Object.assign(window, { TweaksPanelMount });