/* global React */
function GiftSection({ onCta }) {
  return (
    <section className="acmp-cta-band is-light">
      <div className="acmp-cta-inner">
        <div className="acmp-cta-icon" aria-hidden="true">
          <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <polyline points="20 12 20 22 4 22 4 12"/>
            <rect x="2" y="7" width="20" height="5"/>
            <line x1="12" y1="22" x2="12" y2="7"/>
            <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/>
            <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>
          </svg>
        </div>
        <div className="eyebrow">REGALO</div>
        <h2>¿Querés regalárselo a alguien?</h2>
        <p>Regalá el Curso de Oratoria a esa persona que querés ver crecer comunicando. Te enviamos un voucher personalizado con su nombre y la fecha que elijas.</p>
        <div className="acmp-cta-actions">
          <button className="acmp-btn acmp-btn-primary" onClick={onCta}>Regalar el curso →</button>
        </div>
      </div>
    </section>
  );
}

function B2BSection({ onCta }) {
  return (
    <section className="acmp-cta-band is-dark">
      <div className="acmp-cta-inner">
        <div className="acmp-cta-icon" aria-hidden="true">
          <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
            <circle cx="9" cy="7" r="4"/>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
          </svg>
        </div>
        <div className="eyebrow">EMPRESAS</div>
        <h2>¿Querés capacitar a tu equipo?</h2>
        <p>Diseñamos programas a medida para áreas de People, ventas o liderazgo. Google, Mercado Libre, Roche y +70 marcas ya entrenan con nosotros.</p>
        <div className="acmp-cta-actions">
          <button className="acmp-btn acmp-btn-primary" onClick={onCta}>Hablar con el equipo →</button>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { GiftSection, B2BSection });