Letter Swap Demo Stagger

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 md:flex-row flex-col items-center justify-center font-calendas gap-x-12 gap-y-4 bg-white  text-[#0015ff]">
6      <LetterSwapForward label="First" staggerFrom={"first"} />
7      <LetterSwapForward label="Center" staggerFrom={"center"} className="" />
8      <LetterSwapForward label="Last" staggerFrom={"last"} />
9    </div>
10  )
11}