"@/components/ui/text-scramble" export function BasicDemo() { return (

Text Scramble

) } export function CustomTriggerDemo() { const [isTrigger, setIsTrigger] = useState(false) return (

setIsTrigger(true)} onScrambleComplete={() => setIsTrigger(false)} > Tyler, The Creator - I Hope You Find Your Way Home

) } export function CustomCharacterDemo() { return (

Generating the interface...

) } export const demos = [ { name: "Basic", description: "Basic text scramble with default settings", component: BasicDemo, }, { name: "Custom Trigger", description: "Text scramble triggered on hover", component: CustomTriggerDemo, }, { name: "Custom Character Set", description: "Text scramble with custom character set and duration", component: CustomCharacterDemo, } ]1f:T785,'use client'; import { type JSX, useEffect, useState } from 'react'; import { motion, MotionProps } from 'framer-motion'; type TextScrambleProps = { children: string; duration?: number; speed?: number; characterSet?: string; as?: React.ElementType; className?: string; trigger?: boolean; onScrambleComplete?: () => void; } & MotionProps; const defaultChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; export function TextScramble({