20 lines
500 B
TypeScript
20 lines
500 B
TypeScript
'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>
|
|
)
|
|
}
|