'use client'

import { useReveal } from '@/hooks/useReveal'

interface Props {
  children: React.ReactNode
  className?: string
}

export function RevealWrapper({ children, className = '' }: Props) {
  const ref = useReveal<HTMLDivElement>()
  return (
    <div ref={ref} className={`reveal ${className}`.trim()}>
      {children}
    </div>
  )
}