// Tweaks panel
function PLTweaks({ tweaks, setTweak }) {
  return (
    <TweaksPanel title="Tweaks">
      <TweakSection title="Style">
        <TweakRadio label="Page style" value={tweaks.style || 'editorial'} onChange={v=>setTweak('style', v)}
          options={[
            {label:'Editorial', value:'editorial'},
            {label:'Trade', value:'trade'},
          ]}/>
      </TweakSection>
      <TweakSection title="Theme">
        <TweakSelect label="Palette" value={tweaks.theme} onChange={v=>setTweak('theme', v)}
          options={[
            {label:'Paper — cream + tomato (current)', value:'paper'},
            {label:'Market Hall — navy + sun yellow', value:'market'},
            {label:'Market — cool off-white bg', value:'market-cool'},
            {label:'Market — two-tone (white + navy)', value:'market-twotone'},
            {label:'Crate — kraft + forest + orange', value:'crate'},
            {label:'Cold Chain — white + electric green', value:'cold'},
            {label:'Sun-ripened — apricot + plum + olive', value:'sun'},
            {label:'Ink — dark mode', value:'ink'},
          ]}/>
      </TweakSection>
      <TweakSection title="Hero">
        <TweakSelect label="Hero variant" value={tweaks.hero} onChange={v=>setTweak('hero', v)}
          options={[
            {label:'Editorial + live shipment', value:'editorial'},
            {label:'Map-forward', value:'map'},
            {label:'Marquee of produce', value:'marquee'},
          ]}/>
        <TweakSelect label="Hero background" value={tweaks.heroBg || 'none'} onChange={v=>setTweak('heroBg', v)}
          options={[
            {label:'None (flat paper)', value:'none'},
            {label:'1 · Faint blueprint grid', value:'grid'},
            {label:'2 · Full-bleed photo, right', value:'photo-right'},
            {label:'2b · Cherries video, right (Pexels)', value:'video-cherries'},
            {label:'3 · Photo strip along bottom', value:'photo-strip'},
            {label:'4 · Topographic route lines', value:'topo'},
            {label:'5 · Paper texture (fibre grain)', value:'texture'},
            {label:'6 · Botanical line-art (mango)', value:'botanical'},
            {label:'7 · Data strip (today\'s shipments)', value:'data-strip'},
            {label:'8 · Soft tomato/forest glow', value:'glow'},
          ]}/>
      </TweakSection>
      <TweakSection title="Display">
        <TweakToggle label="Show WhatsApp FAB" value={tweaks.fab} onChange={v=>setTweak('fab', v)}/>
        <TweakToggle label="Show live tracker" value={tweaks.tracker} onChange={v=>setTweak('tracker', v)}/>
        <TweakToggle label="Show seasonality grid" value={tweaks.seasonality} onChange={v=>setTweak('seasonality', v)}/>
      </TweakSection>
    </TweaksPanel>
  );
}

Object.assign(window, { PLTweaks });