/* ============================================================
   Manigod Kids Club — Tweaks UI (réglages à explorer)
   Reads/writes through the panel state owned by Shell (useTweaks).
   Stays within the brand: no new colours — layout, rounding,
   display weight, photo veil and motion only.
   ============================================================ */
function SiteTweaks({ t, setTweak }) {
  return (
    <TweaksPanel title="Réglages">
      <TweakSection label="Cartes saison (hero)" />
      <TweakRadio label="Disposition" value={t.heroCards}
        options={[{ value: "fan", label: "Éventail" }, { value: "aligned", label: "Alignées" }]}
        onChange={(v) => setTweak("heroCards", v)} />
      <TweakSlider label="Inclinaison" value={t.fanRot} min={0} max={12} step={1} unit="°"
        onChange={(v) => setTweak("fanRot", v)} />

      <TweakSection label="Style" />
      <TweakRadio label="Arrondis" value={t.round}
        options={[{ value: "soft", label: "Doux" }, { value: "standard", label: "Standard" }, { value: "extra", label: "Marqué" }]}
        onChange={(v) => setTweak("round", v)} />
      <TweakRadio label="Graisse titres" value={t.displayWeight}
        options={[{ value: 500, label: "Medium" }, { value: 600, label: "Semi" }, { value: 700, label: "Bold" }]}
        onChange={(v) => setTweak("displayWeight", v)} />

      <TweakSection label="Ambiance" />
      <TweakSlider label="Voile photos" value={t.veil} min={0.6} max={1.4} step={0.1}
        onChange={(v) => setTweak("veil", v)} />
    </TweaksPanel>
  );
}
Object.assign(window, { SiteTweaks });
