lint error solved

Author: sinanptm

components/ui/typewriter-effect.tsx

@@ -86,76 +86,4 @@ const TypewriterEffect = ({
   );
 };
 
-export const TypewriterEffectSmooth = memo(({
-  words,
-  className,
-  cursorClassName,
-}: {
-  words: {
-    text: string;
-    className?: string;
-  }[];
-  className?: string;
-  cursorClassName?: string;
-}) => {
-  const wordsArray = useMemo(() => words.map((word) => ({
-    ...word,
-    text: word.text.split(""),
-  })), [words]);
-
-  const renderWords = useCallback(() => (
-    <div>
-      {wordsArray.map((word, idx) => (
-        <div key={`word-${idx}`} className="inline-block">
-          {word.text.map((char, index) => (
-            <span
-              key={`char-${index}`}
-              className={cn(`text-white`, word.className)}
-            >
-              {char}
-            </span>
-          ))}
-          &nbsp;
-        </div>
-      ))}
-    </div>
-  ), [wordsArray]);
-
-  return (
-    <div className={cn("flex space-x-1 my-6", className)}>
-      <motion.div
-        className="overflow-hidden pb-2"
-        initial={{ width: "0%" }}
-        whileInView={{ width: "fit-content" }}
-        viewport={{ once: true }}
-        transition={{
-          duration: 2,
-          ease: "linear",
-          delay: 1,
-        }}
-      >
-        <div
-          className="text-xs sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-bold"
-          style={{ whiteSpace: "nowrap" }}
-        >
-          {renderWords()}
-        </div>
-      </motion.div>
-      <motion.span
-        initial={{ opacity: 0 }}
-        animate={{ opacity: 1 }}
-        transition={{
-          duration: 0.8,
-          repeat: Infinity,
-          repeatType: "reverse",
-        }}
-        className={cn(
-          "block rounded-sm w-[4px] h-5 sm:h-6 xl:h-12 bg-blue-500",
-          cursorClassName
-        )}
-      />
-    </div>
-  );
-});
-
 export default memo(TypewriterEffect);