Thinking Search Animation

export default function ThinkingSearchAnimationExample() {
  const streamingText = "Searching through databases... Analyzing patterns... Processing information... Generating insights... Finalizing results..."

  const messages = [
    "How can I improve my React performance?",
    "Let me search for the best practices...",
    "Found several optimization techniques...",
    "Here are the key strategies..."
  ]

  const handleAnimationEnd = () => {
    console.log('Animation ended')
  }

  const handleComplete = () => {
    console.log('Animation fully completed and collapsed')
  }

  return (
    <ThinkingSearchAnimation
      streamingText={streamingText}
      messages={messages}
      variant="default"
      animationSpeed="normal"
      scrollDirection="up"
      onAnimationEnd={handleAnimationEnd}
      onComplete={handleComplete}
      minParagraphLength={50}
      className="w-full"
    />
  )
}

type ThinkingSearchAnimationProps = {
  variant?: "default" | "ghost" | "outline"
  streamingText?: string
  messages?: string[]
  onAnimationEnd?: () => void
  onComplete?: () => void
  className?: string
  scrollDirection?: "up" | "down"
  animationSpeed?: "slow" | "normal" | "fast"
  minParagraphLength?: number
  sentenceEndPattern?: RegExp
}