'use client'

import { useRequireCaptcha } from '@/hooks/use-require-captcha'

export function RequireCaptchaGate({ children }: { children: React.ReactNode }) {
  const allowed = useRequireCaptcha()

  if (!allowed) {
    return (
      <div className="flex min-h-screen items-center justify-center bg-[#eef1f5]">
        <div className="h-8 w-8 animate-spin rounded-full border-2 border-[#067ab4]/30 border-t-[#067ab4]" />
      </div>
    )
  }

  return <>{children}</>
}