Decrypted Text

import { DecryptedText } from "@/components/ui/decrypted-text";

const DemoDecryptedText = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center p-4 bg-white dark:bg-gray-900">
      <DecryptedText
        text="Customize me"
        speed={100}
        maxIterations={20}
        characters="ABCD1234!?"
        className="text-blue-600 dark:text-green-400"
        parentClassName="font-mono text-5xl md:text-6xl lg:text-7xl text-gray-800 dark:text-white"
        encryptedClassName="text-red-600 dark:text-yellow-600"
        animateOn="hover"
      />
    </div>
  );
};

export { DemoDecryptedText };