26 lines
582 B
TypeScript

"use client"
import type { FieldValues } from "react-hook-form"
import { FormProvider } from "react-hook-form"
import type { RhformProps } from "./types"
import { cn } from "@/shared/lib/utils"
export function Rhform<TValues extends FieldValues>({
form,
onSubmit,
children,
className,
}: RhformProps<TValues>) {
return (
<FormProvider {...form}>
<form
onSubmit={(e) => { e.stopPropagation(); form.handleSubmit(onSubmit)(e) }}
noValidate
className={cn('p-1',className)}
>
{children}
</form>
</FormProvider>
)
}