// Basic scramble effect on hover
<TextScrambleHover duration={0.8} speed={0.04}>
Hover to scramble this text
</TextScrambleHover>
// ------------------------------------------------------------
// Fast scramble with special characters
<TextScrambleHover 
duration={0.5}
speed={0.02}
characterSet="!@#$%^&*()_+-=[]{}|;:,.<>?"
as="h1"
className="text-4xl font-bold text-red-400"
>
Fast Special Characters Hover
</TextScrambleHover>
// ------------------------------------------------------------
// Slow scramble with numbers only
<TextScrambleHover 
duration={1.2}
speed={0.06}
characterSet="0123456789"
className="text-2xl"
>
Slow Numbers Hover Effect
</TextScrambleHover>
// ------------------------------------------------------------
// With completion callback
<TextScrambleHover 
duration={1}
speed={0.03}
onScrambleComplete={() => console.log("Hover scramble completed!")}
>
Hover scramble with callback
</TextScrambleHover>