chatbot-ui/components/ui/submit-button.tsx

18 lines
398 B
TypeScript

"use client"
import React from "react"
import { useFormStatus } from "react-dom"
import { Button, ButtonProps } from "./button"
const SubmitButton = React.forwardRef<HTMLButtonElement, ButtonProps>(
(props, ref) => {
const { pending } = useFormStatus()
return <Button disabled={pending} ref={ref} {...props} />
}
)
SubmitButton.displayName = "SubmitButton"
export { SubmitButton }