/* global React */
function VSLSection() {
  React.useEffect(() => {
    if (document.getElementById('vturb-loader-67d09829')) return;
    const s = document.createElement('script');
    s.id = 'vturb-loader-67d09829';
    s.src = 'https://scripts.converteai.net/0bf49cf9-bc76-4c5b-b454-b699ff3da4d2/players/67d09829a3508b468f628999/v4/player.js';
    s.async = true;
    document.head.appendChild(s);
  }, []);

  return (
    <section id="video" className="acmp-vsl-wrap">
      <div className="acmp-vsl-head">
        <div className="eyebrow">VIDEO DE PRESENTACIÓN</div>
        <h2 className="tt-commons" style={{ lineHeight: "1.1", letterSpacing: "-0.02em", fontSize: "34px" }}>
          Mirá de qué va <span className="kw">el curso</span>
        </h2>
        <p className="desc">Mai te cuenta el método, qué vas a aprender y cómo arrancar.</p>
      </div>
      <div
        className="acmp-vsl-frame"
        dangerouslySetInnerHTML={{
          __html: '<vturb-smartplayer id="vid-67d09829a3508b468f628999" style="display:block;margin:0 auto;width:100%;height:100%;"></vturb-smartplayer>'
        }}
      />
    </section>
  );
}
Object.assign(window, { VSLSection });