@start-base/start-ui/WordAnimation/index.js

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

"use strict";var e=require("react"),t=require("clsx");function a(e){return e&&e.__esModule?e:{default:e}}var r=a(e),l=a(t),n="SUI-WordAnimation-module-root-vN7T4",o="SUI-WordAnimation-module-word-nAAg9",s="SUI-WordAnimation-module-visible-x30-Q",u="SUI-WordAnimation-module-hidden-49TaJ",d=({text:t="",className:a="",wordClassName:d=""})=>{const i=t.split(" "),[m,c]=e.useState(0);return e.useEffect((()=>{const e=setInterval((()=>{c((e=>e<i.length?e+1:e))}),50);return()=>clearInterval(e)}),[i.length]),r.default.createElement("span",{className:l.default(n,a)},i.map(((e,t)=>r.default.createElement("span",{key:t,className:l.default(o,t<m?s:u,d)},e))))};module.exports=d;