Create ShinyText.tsx

Author: vsariyev001

components/ShinyText.tsx

@@ -0,0 +1,23 @@
+import './ShinyText.css';
+
+interface ShinyTextProps {
+  text: string;
+  disabled?: boolean;
+  speed?: number;
+  className?: string;
+}
+
+const ShinyText = ({ text, disabled = false, speed = 5, className = '' }: ShinyTextProps) => {
+  const animationDuration = `${speed}s`;
+
+  return (
+    <div
+      className={`shiny-text ${disabled ? 'disabled' : ''} ${className}`}
+      style={{ animationDuration }}
+    >
+      {text}
+    </div>
+  );
+};
+
+export default ShinyText;