export function CommentInput({ initComment }: { initComment?: string }) {
  const COMMENT_FORM = useForm({
    initValue: {
      comment: initComment ?? ""
    },
    validator: {
      comment: {
        required: { required: true, message: "Please enter a comment" },
        maxLength: { number: 100, message: "Comments must be 100 characters or less" },
        custom: {
          checkFn: (value: string) => value !== initComment,
          message: "Comment has not been changed"
        }
      }
    },
    validateOn: ["submit", "change"],
  })
 
  return (
    <form onSubmit={COMMENT_FORM.handleSubmit((data) => {console.log(data)})}>
      <input {...COMMENT_FORM.register({ name: "comment" })}/>
      {COMMENT_FORM.getErrors("comment")}
      <button>submit</button>
    </form>
  )
}