Underline Goes Out Comes In

"use client";

import GoesOutComesInUnderline from "@/components/vritti/underline-goes-out-comes-in";

export function UnderlineGoesOutComesInExample() {
  return (
    <div className="w-full h-[400px] flex flex-col items-center justify-center gap-6">
      <GoesOutComesInUnderline className="text-3xl font-semibold" direction="left">
        Goes out, comes in (left)
      </GoesOutComesInUnderline>
      <GoesOutComesInUnderline className="text-xl" direction="right">
        Goes out, comes in (right)
      </GoesOutComesInUnderline>
    </div>
  );
}