/* global React */
function EbookSection() {
  return (
    <section className="acmp-ebook">
      <div className="acmp-ebook-wrap">
        <div className="acmp-ebook-copy">
          <div className="acmp-ebook-eyebrow">EBOOK</div>
          <p className="acmp-ebook-title">
            Ante igualdad de condiciones, quien mejor comunica, gana.
          </p>
          <button className="acmp-btn acmp-btn-primary">Quiero mejorar mi comunicación →</button>
        </div>
        <div className="acmp-ebook-media">
          <div className="acmp-ebook-cover">
            <div className="acmp-ebook-cover-inner">
              <img
                src={window.__r('logoPrimary','assets/logo-primary.png')}
                alt="Academia Comunica"
                className="acmp-ebook-cover-logo"
              />
              <img
                className="acmp-ebook-cover-photo"
                src={window.__r('heroOratoria','assets/hero-oratoria.png')}
                alt="Mai Pistiner"
              />
              <div className="acmp-ebook-cover-meta">
                <div className="acmp-ebook-cover-kicker">CURSO ONLINE</div>
                <div className="acmp-ebook-cover-title">Curso de Oratoria: El arte de hablar</div>
                <div className="acmp-ebook-cover-author">Mai Pistiner</div>
              </div>
            </div>
            <div className="acmp-ebook-spine" aria-hidden="true"></div>
          </div>
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { EbookSection });