// Tweaks — variant exploration
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "heroVariant": "classic",
  "accentHue": 25,
  "headerStyle": "trust-bar",
  "ctaLabel": "Vytvoriť zmluvu",
  "showAuthorityStrip": true
}/*EDITMODE-END*/;

const TweaksPanel = ({ tweaks, setTweak, visible }) => {
  if (!visible) return null;
  return (
    <div className="tweaks-panel open">
      <h4>Tweaks <span className="mono" style={{ fontSize: 10 }}>v4.2</span></h4>

      <div className="tweak-group">
        <div className="label">Hero variant</div>
        <div className="tweak-row">
          {['classic','trust','outcome'].map(v => (
            <button key={v} className={`tweak-chip ${tweaks.heroVariant === v ? 'active' : ''}`} onClick={() => setTweak('heroVariant', v)}>{v}</button>
          ))}
        </div>
      </div>

      <div className="tweak-group">
        <div className="label">Akcent hue</div>
        <input type="range" min="0" max="360" value={tweaks.accentHue} onChange={e => setTweak('accentHue', +e.target.value)} style={{ width: '100%' }} />
        <div style={{ fontSize: 11, color: 'var(--ink-3)', marginTop: 4 }}>oklch(0.42 0.11 {tweaks.accentHue}) {tweaks.accentHue === 25 ? '— oxblood (default)' : ''}</div>
      </div>

      <div className="tweak-group">
        <div className="label">CTA label</div>
        <div className="tweak-row">
          {['Vytvoriť zmluvu','Spustiť generátor','Začať zadarmo','Vygenerovať PDF'].map(v => (
            <button key={v} className={`tweak-chip ${tweaks.ctaLabel === v ? 'active' : ''}`} onClick={() => setTweak('ctaLabel', v)}>{v}</button>
          ))}
        </div>
      </div>

      <div className="tweak-group">
        <div className="label">Authority strip</div>
        <div className="tweak-row">
          <button className={`tweak-chip ${tweaks.showAuthorityStrip ? 'active' : ''}`} onClick={() => setTweak('showAuthorityStrip', true)}>Zobraziť</button>
          <button className={`tweak-chip ${!tweaks.showAuthorityStrip ? 'active' : ''}`} onClick={() => setTweak('showAuthorityStrip', false)}>Skryť</button>
        </div>
      </div>
    </div>
  );
};

window.TweaksPanel = TweaksPanel;
window.TWEAK_DEFAULTS = TWEAK_DEFAULTS;