// Uterine Fibroid Treatment — Part 2: Type visualizer, Size, Warnings, UFE Solution, Fertility, Comparison

const UF_TYPES = [
  { num: 'I', name: 'Submucosal', sub: 'Inside the uterine cavity', detail: 'Most likely to cause heavy bleeding & infertility', x: 50, y: 50, r: 8 },
  { num: 'II', name: 'Intramural', sub: 'Within the muscular wall', detail: 'Most common type — pressure & bulk symptoms', x: 50, y: 35, r: 14 },
  { num: 'III', name: 'Subserosal', sub: 'Outside surface of uterus', detail: 'Cause pelvic pressure, bladder symptoms', x: 70, y: 60, r: 16 },
  { num: 'IV', name: 'Pedunculated', sub: 'On a stalk, attached by stem', detail: 'Can twist and cause sudden sharp pain', x: 25, y: 55, r: 10 },
  { num: 'V', name: 'Cervical', sub: 'In the cervix', detail: 'Rare — affects bladder, fertility', x: 50, y: 78, r: 6 },
];

function UFAnatomy({ activeIdx }) {
  const t = UF_TYPES[activeIdx];
  return (
    <svg viewBox="0 0 320 320" xmlns="http://www.w3.org/2000/svg" style={{width:'100%',height:'100%'}}>
      <defs>
        <linearGradient id="uf-an-uterus" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stopColor="#fbe5ea"/>
          <stop offset="100%" stopColor="#f8c4d0"/>
        </linearGradient>
        <radialGradient id="uf-an-fib" cx="50%" cy="50%" r="50%">
          <stop offset="0%" stopColor="#7a1a3a"/>
          <stop offset="100%" stopColor="#52102a"/>
        </radialGradient>
      </defs>
      {/* Tubes/ovaries */}
      <path d="M 60 80 Q 90 60 130 80" stroke="#d97a92" strokeWidth="3" fill="none" strokeLinecap="round"/>
      <path d="M 260 80 Q 230 60 190 80" stroke="#d97a92" strokeWidth="3" fill="none" strokeLinecap="round"/>
      <ellipse cx="58" cy="78" rx="14" ry="10" fill="#d97a92"/>
      <ellipse cx="262" cy="78" rx="14" ry="10" fill="#d97a92"/>
      {/* Uterus */}
      <path d="M 130 80 Q 120 130 110 170 Q 100 230 130 270 Q 160 290 190 270 Q 220 230 210 170 Q 200 130 190 80 Q 170 75 160 75 Q 150 75 130 80 Z"
        fill="url(#uf-an-uterus)" stroke="#d97a92" strokeWidth="2"/>
      {/* Cavity outline */}
      <path d="M 145 100 Q 150 140 155 175 Q 160 220 175 240 Q 160 250 145 240 Q 158 220 162 175 Q 158 140 155 100 Z" 
        fill="#fff" opacity="0.5" stroke="#d97a92" strokeWidth="0.6" strokeDasharray="3 3"/>
      {/* All type markers, faint */}
      {UF_TYPES.map((tt, i) => i !== activeIdx && (
        <circle key={i} cx={tt.x*3.2} cy={tt.y*3.2} r={tt.r*0.7} fill="url(#uf-an-fib)" opacity="0.18"/>
      ))}
      {/* Active fibroid */}
      <circle cx={t.x*3.2} cy={t.y*3.2} r={t.r} fill="url(#uf-an-fib)" opacity="0.95">
        <animate attributeName="r" values={`${t.r};${t.r+2};${t.r}`} dur="2s" repeatCount="indefinite"/>
      </circle>
      <circle cx={t.x*3.2} cy={t.y*3.2} r={t.r+10} fill="none" stroke="#7a1a3a" strokeWidth="1.5" opacity="0.5">
        <animate attributeName="r" values={`${t.r+8};${t.r+24};${t.r+8}`} dur="2s" repeatCount="indefinite"/>
        <animate attributeName="opacity" values="0.5;0;0.5" dur="2s" repeatCount="indefinite"/>
      </circle>
      <text x={t.x*3.2} y={t.y*3.2 - t.r - 14} textAnchor="middle" fontFamily="JetBrains Mono, monospace" fontSize="11" fill="#7a1a3a" fontWeight="700" letterSpacing="0.1em">TYPE {t.num}</text>
    </svg>
  );
}

function UFTypes() {
  const [active, setActive] = React.useState(1);
  return (
    <section className="uf-types">
      <div className="uf-section-inner">
        <div style={{textAlign:'center',marginBottom:8}}>
          <div className="uf-eyebrow"><span className="dot"></span><span>Know your fibroid</span></div>
          <h2 className="uf-h2" style={{marginTop:16}}>5 types of fibroids — <i>treatable, all of them.</i></h2>
          <p className="uf-lede" style={{marginInline:'auto'}}>Fibroids vary by location and size. Each type is treatable with UFE — but the right approach starts with knowing exactly what you have.</p>
        </div>

        <div className="uf-types-grid">
          <div className="uf-types-anatomy">
            <UFAnatomy activeIdx={active}/>
          </div>
          <div className="uf-types-list">
            {UF_TYPES.map((t, i) => (
              <div key={i} className={`uf-type-card ${active===i ? 'is-on':''}`} onClick={() => setActive(i)}>
                <div className="uf-type-num">{t.num}</div>
                <div>
                  <div className="uf-type-h">{t.name}</div>
                  <div className="uf-type-sub">{t.sub}</div>
                  {active===i && <div style={{marginTop:8,fontSize:13,color:'#d97a92',fontStyle:'italic'}}>{t.detail}</div>}
                </div>
                <div className="uf-type-arrow">
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" width="14" height="14"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
                </div>
              </div>
            ))}
          </div>
        </div>

        <UFSize/>
      </div>
    </section>
  );
}

function UFSize() {
  const sizes = [
    { px: 18, name: 'Pea', meta: '< 1 cm', detail: 'Often asymptomatic. Found incidentally on scans.' },
    { px: 32, name: 'Grape', meta: '1–3 cm', detail: 'May start causing heavy periods.' },
    { px: 56, name: 'Plum', meta: '3–6 cm', detail: 'Symptoms become noticeable. UFE highly effective.' },
    { px: 80, name: 'Orange', meta: '6–10 cm', detail: 'Significant symptoms. UFE preferred over surgery.' },
    { px: 110, name: 'Grapefruit+', meta: '> 10 cm', detail: 'Major symptoms. UFE can shrink dramatically.' },
  ];
  const [active, setActive] = React.useState(2);
  return (
    <div className="uf-size">
      <div style={{display:'flex',justifyContent:'space-between',alignItems:'flex-end',gap:24,flexWrap:'wrap'}}>
        <div>
          <div className="uf-eyebrow" style={{color:'#d97a92'}}><span className="dot"></span><span>Size, in fruit</span></div>
          <h3 className="uf-size-h" style={{marginTop:14}}>How big is your fibroid?</h3>
        </div>
        <div style={{fontSize:13,color:'#5a6175',maxWidth:380}}>Click to compare. Even very large fibroids respond to UFE — surgery is rarely the only option.</div>
      </div>

      <div className="uf-size-grid">
        {sizes.map((s, i) => (
          <div key={i} className={`uf-size-step ${active===i ? 'is-on' : ''}`} onClick={() => setActive(i)}>
            <div className="uf-size-circle" style={{width:s.px,height:s.px}}></div>
            <div className="uf-size-name">{s.name}</div>
            <div className="uf-size-meta">{s.meta}</div>
          </div>
        ))}
      </div>
      <div className="uf-size-readout">
        <div>
          <div className="uf-size-readout-h">{sizes[active].name} — {sizes[active].meta}</div>
          <div className="uf-size-readout-p">{sizes[active].detail}</div>
        </div>
        <a className="uf-cta-wa" href={waLink(`Hi, my fibroid is approximately ${sizes[active].meta}. Can UFE help?`)} style={{padding:'12px 22px',fontSize:13}}>
          <svg viewBox="0 0 24 24" fill="currentColor" width="14" height="14"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
          Ask about my case
        </a>
      </div>
    </div>
  );
}

// ─── Warnings (don't ignore) ───
function UFWarnings() {
  const items = [
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M12 2v6m0 0l3-3m-3 3L9 5m3 13a8 8 0 100-16 8 8 0 000 16z"/></svg>,
      h: 'Severe iron-deficiency anaemia', p: 'Heavy menstrual loss can drop haemoglobin to dangerous levels — leading to extreme fatigue, breathlessness and even cardiac strain.' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>,
      h: 'Infertility & miscarriage', p: 'Submucosal and intramural fibroids distort the uterine cavity — making conception harder and increasing miscarriage risk.' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>,
      h: 'Bladder & bowel pressure', p: 'Large fibroids press on bladder and bowel — causing constant urge to urinate, constipation, and disturbed sleep.' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M3 12l5-5 4 4 7-7"/></svg>,
      h: 'Continuous growth', p: 'Untreated fibroids continue to grow under hormonal influence — what is manageable today may become urgent in 2 years.' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><path d="M22 4L12 14.01l-3-3"/></svg>,
      h: 'Mental health toll', p: 'Constant pain, anxiety about periods, and exhaustion lead to depression, social withdrawal, and damaged relationships.' },
    { ico: <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2"/><rect x="8" y="2" width="8" height="4" rx="1"/></svg>,
      h: 'Forced into hysterectomy', p: 'Late detection often means the only option becomes uterus removal — closing the door on natural pregnancy forever.' },
  ];
  return (
    <section className="uf-warn">
      <div className="uf-section-inner">
        <div style={{textAlign:'center',marginBottom:0}}>
          <div className="uf-eyebrow"><span className="dot"></span><span>Why you can't wait</span></div>
          <h2 className="uf-h2" style={{marginTop:16}}>What happens if you <i>ignore fibroids?</i></h2>
          <p className="uf-lede" style={{marginInline:'auto'}}>Fibroids are not "just heavy periods." Untreated, they progress quietly — until the choices left are far harder.</p>
        </div>
        <div className="uf-warn-grid">
          {items.map((it, i) => (
            <div key={i} className="uf-warn-card">
              <div className="uf-warn-ico">{it.ico}</div>
              <div className="uf-warn-h">{it.h}</div>
              <p className="uf-warn-p">{it.p}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

// ─── Solution: UFE ───
function UFSolution() {
  const cards = [
    { step: 'Step 01 · Problem', h: 'A fibroid that disrupts everything', hi: 'समस्या', p: 'Fibroids feed on a rich blood supply. Cut off that supply, and they shrink — without removing the uterus.', tags: ['Heavy bleeding','Pain','Pressure','Infertility'], stage: 'fibroid' },
    { step: 'Step 02 · Procedure', h: 'UFE — micro-catheter, no cuts', hi: 'इलाज', p: 'A 2 mm pin-hole entry at the wrist. A micro-catheter delivers tiny embolic particles directly to fibroid arteries.', tags: ['No surgery','Local anaesthesia','90 min','Pin-hole'], stage: 'procedure' },
    { step: 'Step 03 · Result', h: 'Uterus & fertility — restored', hi: 'समाधान', p: 'Fibroids shrink 40–70% over 3–6 months. Symptoms resolve. Uterus stays. Fertility intact. You go home in 24 hours.', tags: ['95% success','Same-day','Fertility safe','No scars'], stage: 'restored' },
  ];
  return (
    <section className="uf-solution" id="ufe">
      <div className="uf-section-inner">
        <div style={{textAlign:'center'}}>
          <div className="uf-eyebrow"><span className="dot"></span><span>The solution</span></div>
          <h2 className="uf-h2" style={{marginTop:16}}>Uterine Fibroid <i>Embolization (UFE)</i></h2>
          <div className="uf-h2-hi">गर्भाशय फाइब्रॉइड एम्बोलाइज़ेशन</div>
          <p className="uf-lede" style={{marginInline:'auto'}}>The world's gold-standard non-surgical fibroid treatment. Safe, proven across 200,000+ procedures globally — and now available in Jaipur with India's leading interventional radiologist.</p>
        </div>
        <div className="uf-solution-grid">
          {cards.map((c, i) => (
            <div key={i} className="uf-solution-card">
              <div className="uf-solution-vis">
                <UFUterusVis stage={c.stage}/>
                <div className="uf-solution-step">{c.step}</div>
              </div>
              <div className="uf-solution-body">
                <div className="uf-solution-h">{c.h}</div>
                <div className="uf-solution-hi">{c.hi}</div>
                <p className="uf-solution-p">{c.p}</p>
                <div className="uf-solution-tags">
                  {c.tags.map((t,j) => <span key={j} className="uf-solution-tag">{t}</span>)}
                </div>
              </div>
            </div>
          ))}
        </div>

        <div className="uf-tech-specs">
          <div><span>Procedure time</span><b>~90 minutes</b></div>
          <div><span>Anaesthesia</span><b>Local + sedation</b></div>
          <div><span>Hospital stay</span><b>24 hours</b></div>
          <div><span>Entry point</span><b>2 mm at wrist</b></div>
          <div><span>Recovery</span><b>5–7 days</b></div>
          <div><span>Symptom relief</span><b>85–90% women</b></div>
          <div><span>Fibroid shrinkage</span><b>40–70% in 6 months</b></div>
          <div><span>Fertility</span><b>Preserved</b></div>
        </div>
      </div>
    </section>
  );
}

// ─── Fertility Section ───
function UFFertility() {
  const items = [
    { h: 'Uterus 100% preserved', p: 'No tissue is cut, removed, or damaged. Your reproductive anatomy stays exactly as it is — minus the fibroid.' },
    { h: 'Successful pregnancies after UFE', p: 'Documented successful pregnancies and live births in patients who had UFE. Many women conceive within 12–18 months post-procedure.' },
    { h: 'Better cavity for implantation', p: 'Submucosal fibroids that prevented implantation shrink — often opening the door for natural conception or successful IVF.' },
    { h: 'Lower miscarriage risk', p: 'Once fibroids no longer distort the uterine cavity, miscarriage risk drops to baseline rates.' },
  ];
  return (
    <section className="uf-fert">
      <div className="uf-section-inner">
        <div style={{maxWidth:760}}>
          <div className="uf-eyebrow"><span className="dot"></span><span>For mothers-to-be</span></div>
          <h2 className="uf-h2" style={{marginTop:16}}>Yes, you can <i>still have a baby</i></h2>
          <div className="uf-h2-hi">हाँ, आप माँ बन सकती हैं</div>
        </div>

        <div className="uf-fert-grid">
          <div>
            <p style={{fontSize:17,lineHeight:1.65,color:'#5a6175'}}>The biggest fear of every fibroid patient: <i>"will I be able to conceive?"</i> With UFE, your uterus stays intact, and many of our patients have gone on to have healthy pregnancies — including women who were told they needed hysterectomy.</p>
            <div className="uf-fert-list">
              {items.map((it, i) => (
                <div key={i} className="uf-fert-item">
                  <div className="uf-fert-check">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><path d="M5 13l4 4L19 7"/></svg>
                  </div>
                  <div>
                    <div className="uf-fert-item-h">{it.h}</div>
                    <div className="uf-fert-item-p">{it.p}</div>
                  </div>
                </div>
              ))}
            </div>
            <a className="uf-cta-wa" href={waLink("Hi, I want to conceive after fibroid treatment. Is UFE right for me?")} style={{marginTop:24}}>
              <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
              Talk about my fertility plans
            </a>
          </div>
          <div className="uf-fert-video">
            <div className="uf-fert-video-overlay">
              <div style={{display:'inline-block',padding:'4px 10px',borderRadius:100,background:'rgba(244,166,182,0.85)',color:'#fff',fontSize:10,letterSpacing:'0.18em',textTransform:'uppercase',fontWeight:700,marginBottom:8,alignSelf:'flex-start'}}>Patient story</div>
              <div className="uf-fert-video-name">"From hysterectomy advice to twins"</div>
              <div className="uf-fert-video-meta">Priya, 32 · Jaipur · UFE Aug 2022 · Twins born Apr 2024</div>
            </div>
            <div className="uf-fert-play">
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

// ─── Comparison Table ───
function UFComparison() {
  const rows = [
    ['Hospital stay','5–7 days','5–7 days','3–4 days','24 hours'],
    ['Recovery','6–8 weeks','6–8 weeks','3–4 weeks','5–7 days'],
    ['Anaesthesia','General','General','General','Local'],
    ['Cuts/scars','Large abdominal','Multiple ports','Multiple ports','Pin-hole only'],
    ['Uterus saved','✗','✓ (often)','✓','✓ Always'],
    ['Fertility','Lost','Possible','Possible','Preserved'],
    ['Recurrence risk','—','15–30%','15–25%','5–10%'],
    ['Symptom relief','100% (no organ)','70–80%','70–80%','85–90%'],
    ['Pain post-op','Severe','Moderate','Moderate','Minimal'],
  ];
  return (
    <section className="uf-cmp" id="compare">
      <div className="uf-section-inner">
        <div style={{maxWidth:760}}>
          <div className="uf-eyebrow uf-cmp-eyebrow"><span className="dot"></span><span>Compare your options</span></div>
          <h2 className="uf-cmp-h2" style={{marginTop:16}}>UFE vs <i>Hysterectomy, Myomectomy, Lap surgery</i></h2>
          <p className="uf-cmp-lede">Most Indian women are offered hysterectomy first. We believe you deserve to know all your options — clearly, side by side.</p>
        </div>

        <div className="uf-cmp-table">
          <div className="uf-cmp-row head">
            <div>Factor</div>
            <div>Hysterectomy</div>
            <div>Myomectomy</div>
            <div>Lap surgery</div>
            <div className="ours">UFE (ours)</div>
          </div>
          {rows.map((r, i) => (
            <div key={i} className="uf-cmp-row">
              <div className="feat">{r[0]}</div>
              {r.slice(1, 4).map((c, j) => {
                const cls = c==='✗' || c==='Lost' || c==='Severe' || c==='Large abdominal' ? 'uf-cmp-bad'
                          : c==='✓ Always' || c==='Preserved' || c==='Minimal' ? 'uf-cmp-good'
                          : c.includes('✓') ? 'uf-cmp-mid' : '';
                return <div key={j}><span className={cls}>{c}</span></div>;
              })}
              <div className="ours"><span className="uf-cmp-good">{r[4]}</span></div>
            </div>
          ))}
        </div>

        <div style={{marginTop:32,textAlign:'center'}}>
          <a className="uf-cta-wa" href={waLink("Hi, I want to compare UFE with the surgery my gynec recommended")}>
            <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.198-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.52.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
            Get a second opinion in 5 mins
          </a>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { UFTypes, UFSize, UFAnatomy, UFWarnings, UFSolution, UFFertility, UFComparison });
