Text Generate Effect

"use client";
import { useEffect, useState } from "react";
import { TextGenerateEffect } from "@/lab/aceternity/ui/text-generate-effect";

const words = `Oxygen gets you high. In a catastrophic emergency, we're taking giant, panicked breaths. Suddenly you become euphoric, docile. You accept your fate. It's all right here. Emergency water landing, six hundred miles an hour. Blank faces, calm as Hindu cows`;

export default function TextGenerateEffectDemo() {
  // Replay the reveal every few seconds so the card keeps animating.
  const [run, setRun] = useState(0);
  useEffect(() => {
    const id = window.setInterval(() => setRun((r) => r + 1), 11000);
    return () => window.clearInterval(id);
  }, []);

  return (
    <div className="relative flex h-full w-full items-center justify-center overflow-hidden px-[6%] [container-type:size]">
      <TextGenerateEffect
        key={run}
        words={words}
        className="max-w-3xl"
        textClassName="text-[clamp(0.8rem,4.6cqw,1.6rem)]"
      />
    </div>
  );
}