1"use client";
2
3export const TextShimmer = () => {
4  return (
5    <div className="min-h-screen flex items-center justify-center bg-white">
6      <div className="text-center space-y-4">
7        <span
8          className="shimmer text-4xl font-medium inline-block bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 bg-clip-text text-transparent bg-[length:200%_100%]"
9          style={{ animation: "shimmer 2s linear infinite" }}
10        >
11          Thinking
12        </span>
13        <style jsx>{`
14          @keyframes shimmer {
15            0% { background-position: -200% 0; }
16            100% { background-position: 200% 0; }
17          }
18        `}</style>
19      </div>
20    </div>
21  );
22};
23