import { ChangeEventHandler, FocusEventHandler } from 'react'

import type { NonUndefined } from 'react-hook-form'

import { FormControl } from '../../../types/form'

type OptionalActions = {
  onChange?: (value: any) => void | ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>
  onBlur?: (value?: any) => void | FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>
}

export type DebouncedFunction = NonUndefined<OptionalActions['onChange']>

export type WithControllerProps<T> = FormControl &
  T &
  OptionalActions & {
    /**
     * Per-instance override for the factory-time `shouldDebounce` flag.
     * `true` debounces the consumer-side onChange (RHF state still updates synchronously).
     * Leave undefined to fall back to the factory default.
     */
    shouldDebounce?: boolean
  }