Fuzzy Text

"use client"

import * as React from "react"
import { useState } from "react"
import { FuzzyText } from "@/components/ui/fuzzy-text"

export function Demo() {
  const [enableHover, setEnableHover] = useState(true)
  const [hoverIntensity, setHoverIntensity] = useState(0.4)
  
  return (
      <FuzzyText
        baseIntensity={0.2}
        hoverIntensity={hoverIntensity}
        enableHover={enableHover}
      >
        404
      </FuzzyText>
  )
}

export { Demo }