import { motion } from 'motion/react';
import { useEffect, useState } from 'react';

export function App() {
  const [animate, setAnimate] = useState({});

  useEffect(() => {
    const timeout = setTimeout(() => {
      setAnimate({
        width: '60%',
        height: '60%',
      });
    }, 2000);

    return () => clearTimeout(timeout);
  }, []);

  return (
    <>
      <motion.svg className="pointer-events-none fixed z-50 h-screen w-screen">
        <defs>
          <mask id="svgMask">
            <rect width="100%" height="100%" fill="white" />
            <motion.rect
              x="50%"
              y="50%"
              style={{
                translateX: '-50%',
                translateY: '-50%',
              }}
              fill="black"
              animate={animate}
              initial={{
                width: '90%',
                height: '90%',
              }}
              transition={{
                duration: 1,
                // ISSUE: delay here doesnt work when using animate type 'spring'. Why?
                // If try to add the delay here with type spring, it doesn't seem to work ==> delay makes it start all green when page initially loads.
                type: 'spring',
                // We can only use one of the two at same time, not both. Uncomment the line above and see the bug.
                repeat: Number.POSITIVE_INFINITY,
                repeatType: 'reverse',
              }}
            />
          </mask>
        </defs>
        <rect
          width="100%"
          height="100%"
          fill="green"
          style={{ mask: 'url(#svgMask)' }}
        />
      </motion.svg>
  
      <div className="mx-auto w-full max-w-2xl">
        <LongContent />
      </div>
 
    </>
  );
}

export default App;

const LongContent = () => {
  return (
    <>
      <p>-------------------INICIO DO TEXTO -------------</p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
        vehicula massa eget nibh molestie, ut dictum odio gravida. Nulla
        consectetur eros ultricies, euismod nunc et, sodales lectus. Praesent
        pharetra volutpat leo sed viverra. Aliquam tempor tincidunt felis, vel
        commodo enim accumsan non. Curabitur elementum ipsum nunc, eget viverra
        nisi rhoncus et. Duis ullamcorper odio quis ex facilisis efficitur.
        Mauris egestas tempus congue. Integer tincidunt hendrerit urna ac
        vulputate. Pellentesque tempor mi in venenatis eleifend.
      </p>

      <p>
        Nunc erat nisl, lacinia et finibus sit amet, sodales eu purus. Sed
        dapibus vitae nunc vestibulum porta. Vestibulum ante ipsum primis in
        faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque nec
        dui feugiat arcu hendrerit pharetra. Aliquam luctus semper ipsum at
        cursus. Phasellus vitae neque vel nibh congue pellentesque et ac eros.
        Vivamus eu dolor metus. Proin in metus libero. Quisque nec suscipit
        risus. Cras viverra ipsum elit, ac euismod lacus accumsan sagittis.
        Nullam rutrum, augue non condimentum pellentesque, lorem justo
        scelerisque lacus, et ultrices leo justo a turpis. Etiam accumsan nulla
        pretium, vestibulum tortor nec, porttitor mauris. Aenean eu magna
        malesuada, commodo turpis quis, eleifend mi. Proin commodo lorem ut
        consequat euismod. Morbi egestas diam nec nibh commodo volutpat. Cras
        sit amet augue ex.
      </p>

      <p>
        In gravida mauris consectetur, gravida magna eu, malesuada tellus. Etiam
        in risus at lectus bibendum rutrum. Nunc mi libero, dapibus at tortor a,
        sagittis lobortis lectus. Nunc euismod volutpat lectus eget rhoncus.
        Praesent maximus augue a dignissim malesuada. Nullam est arcu, blandit
        egestas massa sit amet, ultricies dapibus massa. Cras volutpat rutrum
        lorem. Fusce finibus ornare magna, in fermentum tortor hendrerit nec.
        Aliquam erat volutpat. Aliquam est lectus, iaculis quis metus eget,
        venenatis feugiat arcu. Nullam tincidunt sapien vitae ligula consectetur
        mattis. Proin varius neque eu orci euismod ullamcorper. Praesent
        condimentum purus arcu. Ut mattis orci eu erat laoreet eleifend. Nulla
        lacinia purus eleifend quam aliquet varius.
      </p>

      <div className="sticky top-0 bg-red-500">STICKY CONTENT</div>

      <p>
        Aenean nisl sapien, aliquam at fermentum et, vulputate sit amet risus.
        Praesent leo ipsum, auctor sit amet vehicula at, pharetra at ligula.
        Nunc porttitor tellus vel urna semper, nec tristique felis posuere.
        Vestibulum viverra metus turpis, ac facilisis nulla varius nec. Fusce
        tincidunt tellus a faucibus vulputate. Donec fermentum, nibh vitae
        accumsan dignissim, justo risus aliquam risus, vitae condimentum nunc
        enim eu neque. Morbi interdum dolor tortor, id tristique nisi rutrum
        nec. Sed vehicula, tellus at consectetur tincidunt, ligula justo
        pulvinar augue, vitae vulputate tortor justo quis felis. Quisque eget
        placerat urna, eget mollis nulla. Aliquam lacus orci, pellentesque eget
        vehicula ac, sodales ultrices turpis. Proin sit amet efficitur mauris.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>

      <p>
        Pellentesque a mauris id arcu interdum maximus. Vestibulum consectetur
        ac nisi id condimentum. Quisque accumsan feugiat feugiat. Vivamus eget
        magna nisl. Nunc varius velit id sollicitudin elementum. Suspendisse
        sagittis sem nulla, sed lobortis lorem egestas ut. In hac habitasse
        platea dictumst. In efficitur risus enim, at sagittis lacus interdum
        nec.
      </p>

      <p>
        Suspendisse euismod ultrices erat, id aliquet tellus mollis et. Cras
        lobortis laoreet tellus sit amet vestibulum. Praesent ac enim urna. Nam
        vel tortor tempor, porta arcu ac, vestibulum nunc. Aliquam vestibulum
        massa justo, tempus mollis elit commodo eget. Morbi lacinia turpis a
        vehicula venenatis. In feugiat urna elit, sed posuere diam efficitur id.
        Integer luctus tempor dui ac scelerisque. Sed lobortis justo eget justo
        egestas, sed vehicula nunc porttitor. Aliquam congue finibus neque
        venenatis facilisis. Pellentesque vel est lacus. Suspendisse potenti.
        Sed sit amet ipsum vulputate augue bibendum fringilla. Aliquam vel
        varius sem.
      </p>

      <p>
        Fusce id gravida elit. Sed suscipit, justo ac pellentesque euismod, ante
        ex vestibulum nibh, quis venenatis velit lorem nec magna. Pellentesque
        eu eleifend diam, sed rhoncus nibh. Praesent eleifend arcu at egestas
        cursus. Phasellus gravida sollicitudin orci at blandit. Praesent ac elit
        mi. Ut fermentum nibh non ligula tincidunt sodales. Curabitur sit amet
        fringilla nulla, nec posuere turpis. Nullam volutpat nisi eu mauris
        viverra, ac vestibulum enim hendrerit. Curabitur porta libero vel
        venenatis semper.
      </p>

      <p>
        Sed bibendum ligula dapibus dolor convallis vulputate. In viverra tortor
        sed libero feugiat placerat. Curabitur lobortis hendrerit tristique.
        Phasellus sed ex vitae nulla finibus dapibus. Phasellus eget odio quis
        tellus gravida tincidunt. Fusce cursus massa ac augue aliquam, id
        malesuada ante vehicula. Vestibulum mollis eros a orci porttitor
        ultricies. Donec sit amet leo finibus, fringilla lacus vel, varius
        neque. Nam placerat tristique lacus at porttitor. Duis interdum magna
        vel sapien feugiat ornare.
      </p>

      <p>
        Etiam a tincidunt leo. Cras ut ante leo. Praesent elit felis, hendrerit
        at nulla ac, eleifend finibus nunc. Quisque eget mi magna. Aliquam
        faucibus mauris sed ex lobortis efficitur. Pellentesque pulvinar egestas
        tortor, vitae consectetur enim posuere nec. Ut sagittis, diam quis
        condimentum interdum, velit magna tincidunt quam, in finibus mauris
        neque quis dolor. Pellentesque fringilla at nunc nec aliquam.
        Suspendisse id leo a magna sodales lobortis. Donec vulputate sem magna.
        Sed finibus pretium congue. Sed efficitur arcu elementum nisl bibendum,
        nec convallis dolor congue. Pellentesque id metus a erat cursus
        scelerisque. Suspendisse vestibulum urna orci, vitae luctus mauris
        eleifend in. Integer eget dapibus metus. In ut sem sed nisi bibendum
        mollis.
      </p>
      <p>
        Etiam vel libero consequat nibh commodo malesuada in non turpis. Ut
        congue rhoncus nisi, convallis viverra risus. Aliquam quis ultricies
        massa. Integer in purus a mi faucibus porta eget et velit. Nullam
        faucibus dolor non lectus varius sagittis. Donec ultricies ex eu feugiat
        imperdiet. Sed venenatis purus augue, in hendrerit metus bibendum a. Nam
        ac porttitor magna. Fusce laoreet viverra tristique.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
        vehicula massa eget nibh molestie, ut dictum odio gravida. Nulla
        consectetur eros ultricies, euismod nunc et, sodales lectus. Praesent
        pharetra volutpat leo sed viverra. Aliquam tempor tincidunt felis, vel
        commodo enim accumsan non. Curabitur elementum ipsum nunc, eget viverra
        nisi rhoncus et. Duis ullamcorper odio quis ex facilisis efficitur.
        Mauris egestas tempus congue. Integer tincidunt hendrerit urna ac
        vulputate. Pellentesque tempor mi in venenatis eleifend.
      </p>

      <p>
        In gravida mauris consectetur, gravida magna eu, malesuada tellus. Etiam
        in risus at lectus bibendum rutrum. Nunc mi libero, dapibus at tortor a,
        sagittis lobortis lectus. Nunc euismod volutpat lectus eget rhoncus.
        Praesent maximus augue a dignissim malesuada. Nullam est arcu, blandit
        egestas massa sit amet, ultricies dapibus massa. Cras volutpat rutrum
        lorem. Fusce finibus ornare magna, in fermentum tortor hendrerit nec.
        Aliquam erat volutpat. Aliquam est lectus, iaculis quis metus eget,
        venenatis feugiat arcu. Nullam tincidunt sapien vitae ligula consectetur
        mattis. Proin varius neque eu orci euismod ullamcorper. Praesent
        condimentum purus arcu. Ut mattis orci eu erat laoreet eleifend. Nulla
        lacinia purus eleifend quam aliquet varius.
      </p>

      <p>
        Aenean nisl sapien, aliquam at fermentum et, vulputate sit amet risus.
        Praesent leo ipsum, auctor sit amet vehicula at, pharetra at ligula.
        Nunc porttitor tellus vel urna semper, nec tristique felis posuere.
        Vestibulum viverra metus turpis, ac facilisis nulla varius nec. Fusce
        tincidunt tellus a faucibus vulputate. Donec fermentum, nibh vitae
        accumsan dignissim, justo risus aliquam risus, vitae condimentum nunc
        enim eu neque. Morbi interdum dolor tortor, id tristique nisi rutrum
        nec. Sed vehicula, tellus at consectetur tincidunt, ligula justo
        pulvinar augue, vitae vulputate tortor justo quis felis. Quisque eget
        placerat urna, eget mollis nulla. Aliquam lacus orci, pellentesque eget
        vehicula ac, sodales ultrices turpis. Proin sit amet efficitur mauris.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>

      <p>
        Pellentesque a mauris id arcu interdum maximus. Vestibulum consectetur
        ac nisi id condimentum. Quisque accumsan feugiat feugiat. Vivamus eget
        magna nisl. Nunc varius velit id sollicitudin elementum. Suspendisse
        sagittis sem nulla, sed lobortis lorem egestas ut. In hac habitasse
        platea dictumst. In efficitur risus enim, at sagittis lacus interdum
        nec.
      </p>

      <p>
        Suspendisse euismod ultrices erat, id aliquet tellus mollis et. Cras
        lobortis laoreet tellus sit amet vestibulum. Praesent ac enim urna. Nam
        vel tortor tempor, porta arcu ac, vestibulum nunc. Aliquam vestibulum
        massa justo, tempus mollis elit commodo eget. Morbi lacinia turpis a
        vehicula venenatis. In feugiat urna elit, sed posuere diam efficitur id.
        Integer luctus tempor dui ac scelerisque. Sed lobortis justo eget justo
        egestas, sed vehicula nunc porttitor. Aliquam congue finibus neque
        venenatis facilisis. Pellentesque vel est lacus. Suspendisse potenti.
        Sed sit amet ipsum vulputate augue bibendum fringilla. Aliquam vel
        varius sem.
      </p>

      <p>
        Fusce id gravida elit. Sed suscipit, justo ac pellentesque euismod, ante
        ex vestibulum nibh, quis venenatis velit lorem nec magna. Pellentesque
        eu eleifend diam, sed rhoncus nibh. Praesent eleifend arcu at egestas
        cursus. Phasellus gravida sollicitudin orci at blandit. Praesent ac elit
        mi. Ut fermentum nibh non ligula tincidunt sodales. Curabitur sit amet
        fringilla nulla, nec posuere turpis. Nullam volutpat nisi eu mauris
        viverra, ac vestibulum enim hendrerit. Curabitur porta libero vel
        venenatis semper.
      </p>

      <p>
        Sed bibendum ligula dapibus dolor convallis vulputate. In viverra tortor
        sed libero feugiat placerat. Curabitur lobortis hendrerit tristique.
        Phasellus sed ex vitae nulla finibus dapibus. Phasellus eget odio quis
        tellus gravida tincidunt. Fusce cursus massa ac augue aliquam, id
        malesuada ante vehicula. Vestibulum mollis eros a orci porttitor
        ultricies. Donec sit amet leo finibus, fringilla lacus vel, varius
        neque. Nam placerat tristique lacus at porttitor. Duis interdum magna
        vel sapien feugiat ornare.
      </p>

      <p>
        Etiam a tincidunt leo. Cras ut ante leo. Praesent elit felis, hendrerit
        at nulla ac, eleifend finibus nunc. Quisque eget mi magna. Aliquam
        faucibus mauris sed ex lobortis efficitur. Pellentesque pulvinar egestas
        tortor, vitae consectetur enim posuere nec. Ut sagittis, diam quis
        condimentum interdum, velit magna tincidunt quam, in finibus mauris
        neque quis dolor. Pellentesque fringilla at nunc nec aliquam.
        Suspendisse id leo a magna sodales lobortis. Donec vulputate sem magna.
        Sed finibus pretium congue. Sed efficitur arcu elementum nisl bibendum,
        nec convallis dolor congue. Pellentesque id metus a erat cursus
        scelerisque. Suspendisse vestibulum urna orci, vitae luctus mauris
        eleifend in. Integer eget dapibus metus. In ut sem sed nisi bibendum
        mollis.
      </p>
      <p>
        Etiam vel libero consequat nibh commodo malesuada in non turpis. Ut
        congue rhoncus nisi, convallis viverra risus. Aliquam quis ultricies
        massa. Integer in purus a mi faucibus porta eget et velit. Nullam
        faucibus dolor non lectus varius sagittis. Donec ultricies ex eu feugiat
        imperdiet. Sed venenatis purus augue, in hendrerit metus bibendum a. Nam
        ac porttitor magna. Fusce laoreet viverra tristique.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
        vehicula massa eget nibh molestie, ut dictum odio gravida. Nulla
        consectetur eros ultricies, euismod nunc et, sodales lectus. Praesent
        pharetra volutpat leo sed viverra. Aliquam tempor tincidunt felis, vel
        commodo enim accumsan non. Curabitur elementum ipsum nunc, eget viverra
        nisi rhoncus et. Duis ullamcorper odio quis ex facilisis efficitur.
        Mauris egestas tempus congue. Integer tincidunt hendrerit urna ac
        vulputate. Pellentesque tempor mi in venenatis eleifend.
      </p>

      <p>
        Nunc erat nisl, lacinia et finibus sit amet, sodales eu purus. Sed
        dapibus vitae nunc vestibulum porta. Vestibulum ante ipsum primis in
        faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque nec
        dui feugiat arcu hendrerit pharetra. Aliquam luctus semper ipsum at
        cursus. Phasellus vitae neque vel nibh congue pellentesque et ac eros.
        Vivamus eu dolor metus. Proin in metus libero. Quisque nec suscipit
        risus. Cras viverra ipsum elit, ac euismod lacus accumsan sagittis.
        Nullam rutrum, augue non condimentum pellentesque, lorem justo
        scelerisque lacus, et ultrices leo justo a turpis. Etiam accumsan nulla
        pretium, vestibulum tortor nec, porttitor mauris. Aenean eu magna
        malesuada, commodo turpis quis, eleifend mi. Proin commodo lorem ut
        consequat euismod. Morbi egestas diam nec nibh commodo volutpat. Cras
        sit amet augue ex.
      </p>

      <p>
        In gravida mauris consectetur, gravida magna eu, malesuada tellus. Etiam
        in risus at lectus bibendum rutrum. Nunc mi libero, dapibus at tortor a,
        sagittis lobortis lectus. Nunc euismod volutpat lectus eget rhoncus.
        Praesent maximus augue a dignissim malesuada. Nullam est arcu, blandit
        egestas massa sit amet, ultricies dapibus massa. Cras volutpat rutrum
        lorem. Fusce finibus ornare magna, in fermentum tortor hendrerit nec.
        Aliquam erat volutpat. Aliquam est lectus, iaculis quis metus eget,
        venenatis feugiat arcu. Nullam tincidunt sapien vitae ligula consectetur
        mattis. Proin varius neque eu orci euismod ullamcorper. Praesent
        condimentum purus arcu. Ut mattis orci eu erat laoreet eleifend. Nulla
        lacinia purus eleifend quam aliquet varius.
      </p>

      <p>
        Aenean nisl sapien, aliquam at fermentum et, vulputate sit amet risus.
        Praesent leo ipsum, auctor sit amet vehicula at, pharetra at ligula.
        Nunc porttitor tellus vel urna semper, nec tristique felis posuere.
        Vestibulum viverra metus turpis, ac facilisis nulla varius nec. Fusce
        tincidunt tellus a faucibus vulputate. Donec fermentum, nibh vitae
        accumsan dignissim, justo risus aliquam risus, vitae condimentum nunc
        enim eu neque. Morbi interdum dolor tortor, id tristique nisi rutrum
        nec. Sed vehicula, tellus at consectetur tincidunt, ligula justo
        pulvinar augue, vitae vulputate tortor justo quis felis. Quisque eget
        placerat urna, eget mollis nulla. Aliquam lacus orci, pellentesque eget
        vehicula ac, sodales ultrices turpis. Proin sit amet efficitur mauris.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>

      <p>
        Pellentesque a mauris id arcu interdum maximus. Vestibulum consectetur
        ac nisi id condimentum. Quisque accumsan feugiat feugiat. Vivamus eget
        magna nisl. Nunc varius velit id sollicitudin elementum. Suspendisse
        sagittis sem nulla, sed lobortis lorem egestas ut. In hac habitasse
        platea dictumst. In efficitur risus enim, at sagittis lacus interdum
        nec.
      </p>

      <p>
        Suspendisse euismod ultrices erat, id aliquet tellus mollis et. Cras
        lobortis laoreet tellus sit amet vestibulum. Praesent ac enim urna. Nam
        vel tortor tempor, porta arcu ac, vestibulum nunc. Aliquam vestibulum
        massa justo, tempus mollis elit commodo eget. Morbi lacinia turpis a
        vehicula venenatis. In feugiat urna elit, sed posuere diam efficitur id.
        Integer luctus tempor dui ac scelerisque. Sed lobortis justo eget justo
        egestas, sed vehicula nunc porttitor. Aliquam congue finibus neque
        venenatis facilisis. Pellentesque vel est lacus. Suspendisse potenti.
        Sed sit amet ipsum vulputate augue bibendum fringilla. Aliquam vel
        varius sem.
      </p>

      <p>
        Fusce id gravida elit. Sed suscipit, justo ac pellentesque euismod, ante
        ex vestibulum nibh, quis venenatis velit lorem nec magna. Pellentesque
        eu eleifend diam, sed rhoncus nibh. Praesent eleifend arcu at egestas
        cursus. Phasellus gravida sollicitudin orci at blandit. Praesent ac elit
        mi. Ut fermentum nibh non ligula tincidunt sodales. Curabitur sit amet
        fringilla nulla, nec posuere turpis. Nullam volutpat nisi eu mauris
        viverra, ac vestibulum enim hendrerit. Curabitur porta libero vel
        venenatis semper.
      </p>

      <p>
        Sed bibendum ligula dapibus dolor convallis vulputate. In viverra tortor
        sed libero feugiat placerat. Curabitur lobortis hendrerit tristique.
        Phasellus sed ex vitae nulla finibus dapibus. Phasellus eget odio quis
        tellus gravida tincidunt. Fusce cursus massa ac augue aliquam, id
        malesuada ante vehicula. Vestibulum mollis eros a orci porttitor
        ultricies. Donec sit amet leo finibus, fringilla lacus vel, varius
        neque. Nam placerat tristique lacus at porttitor. Duis interdum magna
        vel sapien feugiat ornare.
      </p>

      <p>
        Etiam a tincidunt leo. Cras ut ante leo. Praesent elit felis, hendrerit
        at nulla ac, eleifend finibus nunc. Quisque eget mi magna. Aliquam
        faucibus mauris sed ex lobortis efficitur. Pellentesque pulvinar egestas
        tortor, vitae consectetur enim posuere nec. Ut sagittis, diam quis
        condimentum interdum, velit magna tincidunt quam, in finibus mauris
        neque quis dolor. Pellentesque fringilla at nunc nec aliquam.
        Suspendisse id leo a magna sodales lobortis. Donec vulputate sem magna.
        Sed finibus pretium congue. Sed efficitur arcu elementum nisl bibendum,
        nec convallis dolor congue. Pellentesque id metus a erat cursus
        scelerisque. Suspendisse vestibulum urna orci, vitae luctus mauris
        eleifend in. Integer eget dapibus metus. In ut sem sed nisi bibendum
        mollis.
      </p>
      <p>
        Etiam vel libero consequat nibh commodo malesuada in non turpis. Ut
        congue rhoncus nisi, convallis viverra risus. Aliquam quis ultricies
        massa. Integer in purus a mi faucibus porta eget et velit. Nullam
        faucibus dolor non lectus varius sagittis. Donec ultricies ex eu feugiat
        imperdiet. Sed venenatis purus augue, in hendrerit metus bibendum a. Nam
        ac porttitor magna. Fusce laoreet viverra tristique.
      </p>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
        vehicula massa eget nibh molestie, ut dictum odio gravida. Nulla
        consectetur eros ultricies, euismod nunc et, sodales lectus. Praesent
        pharetra volutpat leo sed viverra. Aliquam tempor tincidunt felis, vel
        commodo enim accumsan non. Curabitur elementum ipsum nunc, eget viverra
        nisi rhoncus et. Duis ullamcorper odio quis ex facilisis efficitur.
        Mauris egestas tempus congue. Integer tincidunt hendrerit urna ac
        vulputate. Pellentesque tempor mi in venenatis eleifend.
      </p>

      <p>
        Nunc erat nisl, lacinia et finibus sit amet, sodales eu purus. Sed
        dapibus vitae nunc vestibulum porta. Vestibulum ante ipsum primis in
        faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque nec
        dui feugiat arcu hendrerit pharetra. Aliquam luctus semper ipsum at
        cursus. Phasellus vitae neque vel nibh congue pellentesque et ac eros.
        Vivamus eu dolor metus. Proin in metus libero. Quisque nec suscipit
        risus. Cras viverra ipsum elit, ac euismod lacus accumsan sagittis.
        Nullam rutrum, augue non condimentum pellentesque, lorem justo
        scelerisque lacus, et ultrices leo justo a turpis. Etiam accumsan nulla
        pretium, vestibulum tortor nec, porttitor mauris. Aenean eu magna
        malesuada, commodo turpis quis, eleifend mi. Proin commodo lorem ut
        consequat euismod. Morbi egestas diam nec nibh commodo volutpat. Cras
        sit amet augue ex.
      </p>

      <p>
        In gravida mauris consectetur, gravida magna eu, malesuada tellus. Etiam
        in risus at lectus bibendum rutrum. Nunc mi libero, dapibus at tortor a,
        sagittis lobortis lectus. Nunc euismod volutpat lectus eget rhoncus.
        Praesent maximus augue a dignissim malesuada. Nullam est arcu, blandit
        egestas massa sit amet, ultricies dapibus massa. Cras volutpat rutrum
        lorem. Fusce finibus ornare magna, in fermentum tortor hendrerit nec.
        Aliquam erat volutpat. Aliquam est lectus, iaculis quis metus eget,
        venenatis feugiat arcu. Nullam tincidunt sapien vitae ligula consectetur
        mattis. Proin varius neque eu orci euismod ullamcorper. Praesent
        condimentum purus arcu. Ut mattis orci eu erat laoreet eleifend. Nulla
        lacinia purus eleifend quam aliquet varius.
      </p>

      <p>
        Aenean nisl sapien, aliquam at fermentum et, vulputate sit amet risus.
        Praesent leo ipsum, auctor sit amet vehicula at, pharetra at ligula.
        Nunc porttitor tellus vel urna semper, nec tristique felis posuere.
        Vestibulum viverra metus turpis, ac facilisis nulla varius nec. Fusce
        tincidunt tellus a faucibus vulputate. Donec fermentum, nibh vitae
        accumsan dignissim, justo risus aliquam risus, vitae condimentum nunc
        enim eu neque. Morbi interdum dolor tortor, id tristique nisi rutrum
        nec. Sed vehicula, tellus at consectetur tincidunt, ligula justo
        pulvinar augue, vitae vulputate tortor justo quis felis. Quisque eget
        placerat urna, eget mollis nulla. Aliquam lacus orci, pellentesque eget
        vehicula ac, sodales ultrices turpis. Proin sit amet efficitur mauris.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>

      <p>
        Pellentesque a mauris id arcu interdum maximus. Vestibulum consectetur
        ac nisi id condimentum. Quisque accumsan feugiat feugiat. Vivamus eget
        magna nisl. Nunc varius velit id sollicitudin elementum. Suspendisse
        sagittis sem nulla, sed lobortis lorem egestas ut. In hac habitasse
        platea dictumst. In efficitur risus enim, at sagittis lacus interdum
        nec.
      </p>

      <p>
        Suspendisse euismod ultrices erat, id aliquet tellus mollis et. Cras
        lobortis laoreet tellus sit amet vestibulum. Praesent ac enim urna. Nam
        vel tortor tempor, porta arcu ac, vestibulum nunc. Aliquam vestibulum
        massa justo, tempus mollis elit commodo eget. Morbi lacinia turpis a
        vehicula venenatis. In feugiat urna elit, sed posuere diam efficitur id.
        Integer luctus tempor dui ac scelerisque. Sed lobortis justo eget justo
        egestas, sed vehicula nunc porttitor. Aliquam congue finibus neque
        venenatis facilisis. Pellentesque vel est lacus. Suspendisse potenti.
        Sed sit amet ipsum vulputate augue bibendum fringilla. Aliquam vel
        varius sem.
      </p>

      <p>
        Fusce id gravida elit. Sed suscipit, justo ac pellentesque euismod, ante
        ex vestibulum nibh, quis venenatis velit lorem nec magna. Pellentesque
        eu eleifend diam, sed rhoncus nibh. Praesent eleifend arcu at egestas
        cursus. Phasellus gravida sollicitudin orci at blandit. Praesent ac elit
        mi. Ut fermentum nibh non ligula tincidunt sodales. Curabitur sit amet
        fringilla nulla, nec posuere turpis. Nullam volutpat nisi eu mauris
        viverra, ac vestibulum enim hendrerit. Curabitur porta libero vel
        venenatis semper.
      </p>

      <p>
        Sed bibendum ligula dapibus dolor convallis vulputate. In viverra tortor
        sed libero feugiat placerat. Curabitur lobortis hendrerit tristique.
        Phasellus sed ex vitae nulla finibus dapibus. Phasellus eget odio quis
        tellus gravida tincidunt. Fusce cursus massa ac augue aliquam, id
        malesuada ante vehicula. Vestibulum mollis eros a orci porttitor
        ultricies. Donec sit amet leo finibus, fringilla lacus vel, varius
        neque. Nam placerat tristique lacus at porttitor. Duis interdum magna
        vel sapien feugiat ornare.
      </p>

      <p>
        Etiam a tincidunt leo. Cras ut ante leo. Praesent elit felis, hendrerit
        at nulla ac, eleifend finibus nunc. Quisque eget mi magna. Aliquam
        faucibus mauris sed ex lobortis efficitur. Pellentesque pulvinar egestas
        tortor, vitae consectetur enim posuere nec. Ut sagittis, diam quis
        condimentum interdum, velit magna tincidunt quam, in finibus mauris
        neque quis dolor. Pellentesque fringilla at nunc nec aliquam.
        Suspendisse id leo a magna sodales lobortis. Donec vulputate sem magna.
        Sed finibus pretium congue. Sed efficitur arcu elementum nisl bibendum,
        nec convallis dolor congue. Pellentesque id metus a erat cursus
        scelerisque. Suspendisse vestibulum urna orci, vitae luctus mauris
        eleifend in. Integer eget dapibus metus. In ut sem sed nisi bibendum
        mollis.
      </p>
      <p>
        Etiam vel libero consequat nibh commodo malesuada in non turpis. Ut
        congue rhoncus nisi, convallis viverra risus. Aliquam quis ultricies
        massa. Integer in purus a mi faucibus porta eget et velit. Nullam
        faucibus dolor non lectus varius sagittis. Donec ultricies ex eu feugiat
        imperdiet. Sed venenatis purus augue, in hendrerit metus bibendum a. Nam
        ac porttitor magna. Fusce laoreet viverra tristique.
      </p>
      <p>-------------------FIM DO TEXTO -------------</p>
    </>
  );
};