Letter Swap Demo Line

1import LetterSwapForward from "@/components/fancy/text/letter-swap-forward-anim"
2 
3export default function Preview() {
4  return (
5    <div className="w-dvw h-dvh text-3xl flex flex-row gap-12 items-center justify-center font-calendas bg-[#0015ff]">
6      <div className="items-center justify-center grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-12  text-white">
7        <LetterSwapForward label="oh, wow!" staggerDuration={0} />
8        <LetterSwapForward label="nice!" staggerDuration={0} reverse={false} />
9      </div>
10    </div>
11  )
12}