'use client'

import { useEffect, useRef } from 'react'

export function ClientButton({ children, onClick, ...props }: { children?: React.ReactNode; onClick?: string } & React.ButtonHTMLAttributes<HTMLButtonElement>) {
  const btnRef = useRef<HTMLButtonElement>(null)

  useEffect(() => {
    if (typeof onClick === 'string' && btnRef.current) {
      btnRef.current.onclick = onClick as any
    }
  }, [onClick])

  return (
    <button ref={btnRef} {...props}>
      {children}
    </button>
  )
}
