// App — Bold direction only + Tweaks panel for tagline

function App() {
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);

  return (
    <div style={{ minHeight: '100vh', background: WEB.paper }}>
      <HomeBold tagline={t.tagline} />

      <TweaksPanel>
        <TweakSection label="Mensaje principal" />
        <TweakSelect
          label="Tagline del hero"
          value={t.tagline}
          options={TAGLINES.map((tl) => ({ value: tl, label: tl }))}
          onChange={(v) => setTweak('tagline', v)}
        />
      </TweaksPanel>
    </div>
  );
}

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "tagline": "Tu operación, en manos limpias."
}/*EDITMODE-END*/;

ReactDOM.createRoot(document.getElementById('root')).render(<App />);