/* Tweaks app for Liveco Design — font-family switcher.
   Loads after tweaks-panel.jsx (which puts useTweaks/TweaksPanel/etc on window). */

const LIVECO_FONT_MAP = {
  "Urbanist": '"Urbanist", system-ui, sans-serif',
  "Inter Tight": '"Inter Tight", system-ui, sans-serif',
  "Sora": '"Sora", system-ui, sans-serif',
};

const LIVECO_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "fontFamily": "Urbanist"
}/*EDITMODE-END*/;

function applyLivecoFont(name) {
  const stack = LIVECO_FONT_MAP[name] || LIVECO_FONT_MAP["Urbanist"];
  document.documentElement.style.setProperty("--font", stack);
}

function LivecoTweaks() {
  const [t, setTweak] = useTweaks(LIVECO_TWEAK_DEFAULTS);
  React.useEffect(() => { applyLivecoFont(t.fontFamily); }, [t.fontFamily]);
  return (
    <TweaksPanel title="Tweaks">
      <TweakSection label="Typography" />
      <TweakRadio
        label="Font family"
        value={t.fontFamily}
        options={["Urbanist", "Inter Tight", "Sora"]}
        onChange={(v) => setTweak("fontFamily", v)}
      />
    </TweaksPanel>
  );
}

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