// MWA Thyroid — Part 1: Breadcrumb, Sticky strip, Hero, Scar-Fear Strip, WA3, Symptom Checker, What is Nodule, Classifier

const MWA_WA = "https://wa.me/919876543210?text=";
const MWA_PHONE = "+91 98765 43210";
const IconWA = () => (<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M17.5 14.4c-.3-.1-1.8-.9-2-1s-.5-.2-.7.1-.8 1-1 1.2-.3.2-.6.1c-.3-.2-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1s0-.5.1-.6c.1-.1.3-.3.4-.5s.2-.3.3-.5 0-.4 0-.5c-.1-.1-.7-1.6-.9-2.2-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.3-.2-.6-.4zM12 22a10 10 0 1 1 0-20 10 10 0 0 1 0 20z"/></svg>);
const Icon = (d) => (props) => <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" {...props}><path d={d}/></svg>;
const IcCheck = Icon('M5 13l4 4L19 7');
const IcX = Icon('M6 6l12 12M6 18L18 6');
const IcShield = Icon('M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z');
const IcArrow = Icon('M5 12h14M12 5l7 7-7 7');
const IcSparkle = Icon('M12 3l2 7 7 2-7 2-2 7-2-7-7-2 7-2z');

function MWACrumb() {
  return (
    <div className="mwa-crumb">
      <div className="mwa-crumb-inner">
        <a href="/">Home</a><span className="mwa-crumb-sep">/</span>
        <a href="/treatments">Treatments</a><span className="mwa-crumb-sep">/</span>
        <span className="mwa-crumb-here">Microwave Ablation for Thyroid Nodule (MWA)</span>
      </div>
    </div>
  );
}

function MWAStrip() {
  return (
    <div className="mwa-strip">
      <div className="mwa-strip-left">
        <span className="mwa-strip-item">MWA from <b>₹50,000</b></span>
        <span style={{opacity:0.5}}>•</span>
        <span className="mwa-strip-item"><b>Zero neck scar</b></span>
        <span style={{opacity:0.5}}>•</span>
        <span className="mwa-strip-item">100% Confidential</span>
      </div>
      <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent("I have a thyroid nodule and don't want surgery or a scar")}><IconWA/> WhatsApp Now</a>
    </div>
  );
}

/* ===== HERO ===== */
function MWAHero() {
  const [stage, setStage] = React.useState(0);
  React.useEffect(() => { const t = setInterval(() => setStage(s => (s+1)%4), 1800); return () => clearInterval(t); }, []);
  const stageLabel = ['Butterfly thyroid','Pin-hole entry','Golden heat — sealing','Nodule shrinks · no mark'][stage];

  return (
    <section className="mwa-hero">
      <div className="mwa-hero-inner">
        <div>
          <span className="mwa-eyebrow"><span className="dot"></span>Women's Thyroid Care · Scar-Free</span>
          <h1>Your thyroid nodule treated — without <i>a single mark</i> on your <span className="gold">neck</span>.</h1>
          <p className="mwa-hero-sub">A 30-minute, non-surgical microwave ablation (MWA). No scalpel, no neck incision, no general anaesthesia, no lifelong medication. Done at lunchtime — back in the mirror by evening with the same neck you've always had.</p>
          <div className="mwa-hero-pills">
            <span className="mwa-hero-pill"><IcSparkle/> Zero Neck Scar</span>
            <span className="mwa-hero-pill"><IcShield/> Voice-Safe</span>
            <span className="mwa-hero-pill"><IcCheck/> Thyroid Preserved</span>
            <span className="mwa-hero-pill"><IcCheck/> Same-Day Discharge</span>
            <span className="mwa-hero-pill"><IcCheck/> No General Anaesthesia</span>
          </div>
          <div className="mwa-hero-stats">
            <div><div className="mwa-hero-stat-num">500+</div><div className="mwa-hero-stat-lbl">MWA cases</div></div>
            <div><div className="mwa-hero-stat-num">95%</div><div className="mwa-hero-stat-lbl">Success</div></div>
            <div><div className="mwa-hero-stat-num">30 min</div><div className="mwa-hero-stat-lbl">Procedure</div></div>
            <div><div className="mwa-hero-stat-num">24 hr</div><div className="mwa-hero-stat-lbl">Recovery</div></div>
            <div><div className="mwa-hero-stat-num">60–80%</div><div className="mwa-hero-stat-lbl">Shrinkage</div></div>
          </div>
          <div className="mwa-hero-price">
            <div>
              <div className="mwa-hero-price-h">₹50,000 – ₹1,00,000</div>
              <div className="mwa-hero-price-sub">EMI from ₹4,500/mo · Insurance covered · No surgery cost</div>
            </div>
          </div>
          <div className="mwa-hero-actions">
            <a className="mwa-cta-wa xl" href={MWA_WA + encodeURIComponent("I have a thyroid nodule and don't want surgery or a scar")}><IconWA/> Talk to doctor's team privately</a>
            <a className="mwa-cta-out" href={`tel:${MWA_PHONE.replace(/\s/g,'')}`}>📞 {MWA_PHONE}</a>
          </div>
          <a className="mwa-female-link" href={MWA_WA + encodeURIComponent("Can I speak with a female coordinator about MWA?")}>🌸 Speak with our female coordinator</a>
        </div>

        <div className="mwa-hero-vis">
          {/* Animated thyroid (butterfly) → pin-hole → heat ring → shrunk */}
          <svg viewBox="0 0 300 300" width="100%" style={{maxWidth:380}}>
            <defs>
              <radialGradient id="heatGrad"><stop offset="0%" stopColor="#F5C264" stopOpacity="0.9"/><stop offset="100%" stopColor="#D4A574" stopOpacity="0"/></radialGradient>
              <linearGradient id="thyGrad" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stopColor="#E8A4B4"/><stop offset="1" stopColor="#B85F75"/></linearGradient>
              <linearGradient id="neckGrad" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stopColor="#fbe5ec"/><stop offset="1" stopColor="#f5d6df"/></linearGradient>
            </defs>
            {/* neck */}
            <path d="M 90 50 Q 90 150, 100 230 L 200 230 Q 210 150, 210 50 Z" fill="url(#neckGrad)" stroke="#E8A4B4" strokeWidth="1.5"/>
            {/* butterfly thyroid */}
            <g opacity={stage<3 ? 1 : 0.4} style={{transition:'opacity .6s'}}>
              <path d="M 110 140 Q 90 110, 100 95 Q 120 90, 140 110 L 150 140 L 140 170 Q 120 175, 110 165 Z" fill="url(#thyGrad)" opacity="0.85"/>
              <path d="M 190 140 Q 210 110, 200 95 Q 180 90, 160 110 L 150 140 L 160 170 Q 180 175, 190 165 Z" fill="url(#thyGrad)" opacity="0.85"/>
              <rect x="146" y="130" width="8" height="32" fill="#B85F75" opacity="0.6" rx="2"/>
            </g>
            {/* nodule */}
            <circle cx="135" cy="130" r={stage===3 ? 4 : 10} fill="#7a1a3a" opacity={stage===3 ? 0.4 : 0.85} style={{transition:'all 1s'}}/>
            {/* pin-hole catheter */}
            {stage>=1 && (
              <g style={{opacity: stage<3 ? 1 : 0.3, transition:'opacity .5s'}}>
                <line x1="135" y1="50" x2="135" y2="130" stroke="#D4A574" strokeWidth="2.5" strokeLinecap="round"/>
                <circle cx="135" cy="50" r="3" fill="#B8854F"/>
              </g>
            )}
            {/* golden heat ring */}
            {stage===2 && (
              <>
                <circle cx="135" cy="130" r="18" fill="url(#heatGrad)">
                  <animate attributeName="r" values="14;26;14" dur="1.2s" repeatCount="indefinite"/>
                </circle>
                <circle cx="135" cy="130" r="6" fill="#F5C264">
                  <animate attributeName="opacity" values="0.6;1;0.6" dur="0.8s" repeatCount="indefinite"/>
                </circle>
              </>
            )}
            {/* sparkles after */}
            {stage===3 && (
              <g fill="#D4A574">
                <circle cx="100" cy="100" r="2"><animate attributeName="opacity" values="0;1;0" dur="2s" repeatCount="indefinite"/></circle>
                <circle cx="180" cy="180" r="2"><animate attributeName="opacity" values="0;1;0" dur="2s" begin="0.4s" repeatCount="indefinite"/></circle>
                <circle cx="200" cy="100" r="2"><animate attributeName="opacity" values="0;1;0" dur="2s" begin="0.8s" repeatCount="indefinite"/></circle>
                <text x="150" y="270" textAnchor="middle" fill="#B85F75" fontFamily="Cormorant Garamond" fontSize="18" fontStyle="italic" fontWeight="600">no mark on neck</text>
              </g>
            )}
          </svg>
          <div className="mwa-hero-vis-stage"><span className="ind"></span>{stageLabel}</div>
          <div className="mwa-hero-vis-pill mwa-hero-vis-pill--1"><IcSparkle/> Zero scar</div>
          <div className="mwa-hero-vis-pill mwa-hero-vis-pill--2"><IcShield/> Voice-safe</div>
          <div className="mwa-hero-vis-pill mwa-hero-vis-pill--3"><IcCheck/> No GA</div>
        </div>
      </div>
    </section>
  );
}

/* ===== SCAR-FEAR STRIP ===== */
function MWAScarFear() {
  const items = [
    { fear:'Visible neck scar', fix:'Pin-hole only. No incision. No mark. Ever.', icon:'M9 12l2 2 4-4'},
    { fear:'Voice change', fix:'USG-guided. Needle never near vocal cords.', icon:'M3 12h2l3-8 4 16 3-8h4'},
    { fear:'Lifelong meds', fix:'Thyroid preserved. No medication needed.', icon:'M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'},
  ];
  return (
    <section className="mwa-fear">
      <div className="mwa-section-inner">
        <span className="mwa-eyebrow"><span className="dot"></span>We Hear You</span>
        <h2 className="mwa-h2" style={{marginTop:14}}>We know what you're <i>really worried about.</i></h2>
        <div className="mwa-h2-hi">गले का निशान, आवाज़, ज़िंदगी भर की दवा — हमें पता है</div>
        <p className="mwa-lede">You'll wear sarees at weddings. You'll see yourself in the mirror every morning. You'll talk on calls all day. The thyroid surgery video the doctor showed you scared you. That fear is valid — and MWA is built around it.</p>
        <div className="mwa-fear-grid">
          {items.map((it,i) => (
            <div key={i} className="mwa-fear-card">
              <div className="mwa-fear-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d={it.icon}/></svg></div>
              <div className="mwa-fear-h"><span className="strike" style={{color:'#aaa',textDecoration:'line-through',fontWeight:500}}>{it.fear}</span></div>
              <div className="mwa-fear-p" style={{color:'var(--navy)',fontWeight:600,fontSize:16}}>→ {it.fix}</div>
            </div>
          ))}
        </div>
        <div style={{marginTop:36,textAlign:'center'}}>
          <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent("Will MWA leave a visible mark on my neck?")}><IconWA/> Will MWA leave a mark? Ask privately</a>
        </div>
      </div>
    </section>
  );
}

/* ===== WA 3-STRIP ===== */
function MWAWa3() {
  const Qs = [
    { q:'Will I have a scar?', msg:"Will MWA leave a visible mark on my neck?" },
    { q:'Will my voice change?', msg:"I'm worried about voice change. Is MWA safe near my vocal cords?" },
    { q:'What does it cost?', msg:"Please share MWA treatment cost details" },
  ];
  return (
    <section className="mwa-wa3">
      <div className="mwa-wa3-inner">
        <h2>Your top scar-fears, answered in 5 minutes — privately.</h2>
        <p className="sub">Direct WhatsApp line to our female patient coordinator. No cold calls. No spam. No awkward clinic visit.</p>
        <div className="mwa-wa3-q">
          {Qs.map((q,i) => (
            <a key={i} className="mwa-wa3-btn" href={MWA_WA + encodeURIComponent(q.msg)}>
              <IconWA/>
              <div className="mwa-wa3-q-text">"{q.q}"</div>
              <div className="mwa-wa3-q-meta">REPLY · &lt; 5 MIN · 9 AM – 8 PM</div>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
}

/* ===== SYMPTOM CHECKER ===== */
const SYM = [
  { q:"Have you noticed a visible lump or swelling in your neck?", opts:['Yes','Maybe','No'] },
  { q:"Has it been there for more than 6 weeks?", opts:['Yes','Less','Not sure'] },
  { q:"Do you feel pressure when swallowing, talking, or lying down?", opts:['Yes, often','Sometimes','No'] },
  { q:"Has anyone in your family had thyroid issues?", opts:['Yes','Not sure','No'] },
  { q:"Did a doctor recommend thyroidectomy (surgical removal)?", opts:['Yes','Said monitor','No'] },
  { q:"Is the fear of a neck scar your biggest concern?", opts:['Yes — major','Somewhat','Other'] },
];
function MWAChecker() {
  const [step, setStep] = React.useState(0);
  const [ans, setAns] = React.useState({});
  const [done, setDone] = React.useState(false);
  const set = (i,v) => { setAns(a => ({...a,[i]:v})); setTimeout(() => step < SYM.length-1 ? setStep(step+1) : setDone(true), 200); };
  const score = Object.values(ans).filter(v=>v===0).length;
  const verdict = score >= 4 ? 'Strong' : score >= 2 ? 'Moderate' : 'Initial';
  const msg = score >= 4 ? 'Your symptoms strongly suggest an evaluable thyroid nodule. MWA candidacy is high — and zero neck scar is a real, not theoretical, outcome.' : score >= 2 ? 'Likely thyroid nodule. A 20-minute ultrasound confirms grade and size. Most patients are MWA-eligible.' : 'Mild signs. Worth a precautionary scan. We can review your reports on WhatsApp.';

  return (
    <section className="mwa-check">
      <div className="mwa-section-inner">
        <div style={{textAlign:'center',marginBottom:28}}>
          <span className="mwa-eyebrow"><span className="dot"></span>30-Second Confidential Check</span>
          <h2 className="mwa-h2" style={{marginTop:14}}>Are you a <i>MWA candidate?</i></h2>
          <p className="mwa-lede" style={{margin:'14px auto 0'}}>6 questions. No email. No phone number. Results private to you.</p>
        </div>
        <div className="mwa-check-card">
          {!done ? (<>
            <div className="mwa-check-progress"><div className="bar" style={{width:`${((step+1)/SYM.length)*100}%`}}/></div>
            <div style={{display:'flex',justifyContent:'space-between',alignItems:'baseline',margin:'18px 0 6px'}}>
              <span style={{fontFamily:"'JetBrains Mono',monospace",fontSize:11,letterSpacing:'0.12em',color:'#B85F75',fontWeight:700}}>Q{step+1} / {SYM.length}</span>
            </div>
            <h3 style={{fontFamily:"'Cormorant Garamond',serif",fontSize:26,fontWeight:600,color:'#0E2F6B',margin:'8px 0 24px',lineHeight:1.3}}>{SYM[step].q}</h3>
            <div className="mwa-check-opts">
              {SYM[step].opts.map((o,i) => (
                <button key={i} className={`mwa-check-opt ${ans[step]===i?'is-on':''}`} onClick={() => set(step,i)}>
                  <span className="box">{ans[step]===i && <IcCheck width="14" height="14"/>}</span>
                  {o}
                </button>
              ))}
            </div>
            {step>0 && <div className="mwa-check-actions" style={{marginTop:20}}><button className="mwa-cta-out" onClick={()=>setStep(step-1)} style={{fontSize:13,padding:'10px 18px'}}>← Back</button></div>}
          </>) : (
            <div className="mwa-check-result">
              <span className="score">CANDIDACY · {verdict.toUpperCase()}</span>
              <h3 style={{marginTop:10}}>You're likely an MWA candidate.</h3>
              <p>{msg}</p>
              <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent(`Quiz result: ${verdict} candidacy (${score}/${SYM.length}). Please advise about MWA.`)}><IconWA/> Send my result to Dr. Bansal</a>
            </div>
          )}
        </div>
      </div>
    </section>
  );
}

/* ===== WHAT IS NODULE (butterfly Lottie) ===== */
function MWAWhatIs() {
  const [lang, setLang] = React.useState('en');
  return (
    <section className="mwa-what">
      <div className="mwa-section-inner">
        <div style={{display:'flex',justifyContent:'space-between',gap:24,alignItems:'flex-end',flexWrap:'wrap'}}>
          <div>
            <span className="mwa-eyebrow"><span className="dot"></span>Plain Language · The Butterfly Gland</span>
            <h2 className="mwa-h2" style={{marginTop:14}}>What is a <i>thyroid nodule?</i></h2>
          </div>
          <div className="mwa-what-toggle">
            <button className={lang==='en'?'on':''} onClick={()=>setLang('en')}>EN</button>
            <button className={lang==='hi'?'on':''} onClick={()=>setLang('hi')} style={{fontFamily:"'Noto Serif Devanagari',serif"}}>हिं</button>
          </div>
        </div>
        <div className="mwa-what-grid">
          <div className="mwa-what-prose">
            {lang==='en' ? (<>
              <p>The thyroid is a small, <b>butterfly-shaped gland</b> at the front of your neck. It quietly regulates your metabolism, mood, energy, periods, and weight.</p>
              <p>A <b>nodule</b> is a lump inside this gland. Most are benign (non-cancerous) — but they can press on your windpipe, change your voice, alter your menstrual cycle, or simply scare you every time you look in the mirror.</p>
              <p>The traditional answer is surgery — which leaves a visible scar across the front of the neck, often risks the vocal cords, and may put you on lifelong thyroid medication.</p>
              <div className="mwa-what-pull"><p>"MWA is different: we treat the nodule, not the entire gland. Your thyroid keeps working. Your voice stays yours. Your neck stays unmarked."</p></div>
              <a className="mwa-cta-wa" style={{marginTop:18}} href={MWA_WA + encodeURIComponent("I have questions about thyroid nodules")}><IconWA/> Ask privately on WhatsApp</a>
            </>) : (<>
              <p style={{fontFamily:"'Noto Serif Devanagari',serif",fontSize:17}}>थायराइड एक छोटी, <b>तितली के आकार की ग्रंथि</b> है जो आपके गले के सामने होती है। यह आपके चयापचय, मनोदशा, मासिक धर्म और वज़न को नियंत्रित करती है।</p>
              <p style={{fontFamily:"'Noto Serif Devanagari',serif",fontSize:17}}><b>गांठ</b> इस ग्रंथि के अंदर बनी होती है। ज़्यादातर गांठें कैंसर नहीं होतीं — पर वे आवाज़, सांस, मासिक चक्र और आत्मविश्वास पर असर डाल सकती हैं।</p>
              <div className="mwa-what-pull"><p style={{fontFamily:"'Noto Serif Devanagari',serif"}}>"MWA में पूरी ग्रंथि नहीं — सिर्फ़ गांठ का इलाज होता है। थायराइड चलता रहता है। आवाज़ आपकी ही रहती है। गले पर निशान नहीं।"</p></div>
            </>)}
          </div>
          <div className="mwa-what-vis">
            <svg viewBox="0 0 320 320" width="100%" style={{maxWidth:280}}>
              <defs>
                <linearGradient id="bfly" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stopColor="#F2C5D0"/><stop offset="1" stopColor="#E8A4B4"/></linearGradient>
              </defs>
              {/* Butterfly wings */}
              <g>
                <path d="M 160 160 Q 100 60, 60 100 Q 40 160, 80 200 Q 120 220, 160 180 Z" fill="url(#bfly)" stroke="#B85F75" strokeWidth="2">
                  <animateTransform attributeName="transform" type="rotate" values="0 160 160; -3 160 160; 0 160 160" dur="3s" repeatCount="indefinite"/>
                </path>
                <path d="M 160 160 Q 220 60, 260 100 Q 280 160, 240 200 Q 200 220, 160 180 Z" fill="url(#bfly)" stroke="#B85F75" strokeWidth="2">
                  <animateTransform attributeName="transform" type="rotate" values="0 160 160; 3 160 160; 0 160 160" dur="3s" repeatCount="indefinite"/>
                </path>
                {/* body / isthmus */}
                <rect x="155" y="140" width="10" height="50" fill="#B85F75" rx="3"/>
              </g>
              {/* nodule highlight */}
              <circle cx="100" cy="135" r="12" fill="#7a1a3a" opacity="0.7">
                <animate attributeName="r" values="10;14;10" dur="2s" repeatCount="indefinite"/>
              </circle>
              <text x="160" y="280" textAnchor="middle" fontFamily="JetBrains Mono" fontSize="11" letterSpacing="2" fill="#B85F75" fontWeight="700">THE BUTTERFLY GLAND</text>
            </svg>
          </div>
        </div>
      </div>
    </section>
  );
}

/* ===== NODULE CLASSIFIER ===== */
const SIZES = [{v:'<1cm',ideal:false,note:'Usually monitored — MWA only if symptomatic'},{v:'1–3cm',ideal:true,note:'Ideal MWA candidate'},{v:'>3cm',ideal:false,note:'MWA works but may need 2 sessions'}];
const TYPES = [{v:'Solid',note:'Most common; MWA effective'},{v:'Cystic',note:'Aspiration + MWA combined'},{v:'Mixed',note:'Tailored MWA approach'}];
function MWAClassifier() {
  const [size, setSize] = React.useState(1);
  const [type, setType] = React.useState(0);
  const ideal = SIZES[size].ideal;
  const verdict = ideal ? 'good' : size===0 ? 'mid' : 'mid';
  const verdictLabel = ideal ? 'Strong MWA candidate' : 'MWA possible — needs assessment';
  return (
    <section className="mwa-class">
      <div className="mwa-section-inner">
        <div style={{textAlign:'center'}}>
          <span className="mwa-eyebrow"><span className="dot"></span>Two-Axis Classifier</span>
          <h2 className="mwa-h2" style={{marginTop:14}}>Find your <i>nodule type</i> — in 10 seconds.</h2>
          <p className="mwa-lede" style={{margin:'14px auto 0'}}>From your last ultrasound report. Pick the size and type that match.</p>
        </div>
      </div>
      <div className="mwa-class-axes">
        <div className="mwa-class-axis">
          <div className="mwa-class-axis-h">Axis 01 · Size</div>
          <div className="mwa-class-axis-name">How big is your nodule?</div>
          <div className="mwa-class-opts">
            {SIZES.map((s,i) => (
              <div key={i} className={`mwa-class-opt ${size===i?'is-on':''}`} onClick={()=>setSize(i)}>
                <span>{s.v}</span>
                {s.ideal && <span className="ideal">★ Ideal</span>}
              </div>
            ))}
          </div>
        </div>
        <div className="mwa-class-axis">
          <div className="mwa-class-axis-h">Axis 02 · Type</div>
          <div className="mwa-class-axis-name">Solid, cystic, or mixed?</div>
          <div className="mwa-class-opts">
            {TYPES.map((t,i) => (
              <div key={i} className={`mwa-class-opt ${type===i?'is-on':''}`} onClick={()=>setType(i)}>
                <span>{t.v}</span>
              </div>
            ))}
          </div>
        </div>
      </div>
      <div className="mwa-class-result">
        <div>
          <span className={`verdict v-${verdict}`}>{verdictLabel}</span>
          <h4>{SIZES[size].v} · {TYPES[type].v} nodule</h4>
          <p>{SIZES[size].note}. {TYPES[type].note}. {ideal ? 'Procedure is typically 30 minutes; same-day discharge; full pinhole closure within hours.' : 'A 20-minute USG with us confirms the right approach.'}</p>
        </div>
        <a className="mwa-cta-wa" href={MWA_WA + encodeURIComponent(`My nodule is ${SIZES[size].v} ${TYPES[type].v} — is MWA right for me?`)}><IconWA/> Send my classification</a>
      </div>
    </section>
  );
}

Object.assign(window, { MWACrumb, MWAStrip, MWAHero, MWAScarFear, MWAWa3, MWAChecker, MWAWhatIs, MWAClassifier, MWA_WA, MWA_PHONE });
