import { ReactNode } from 'react'

export interface IncrementerRenderProp extends Function {
  (props?: IncrementerProps, state?: DefaultIncrementerState): ReactNode
}

export interface IncrementerProps {
  className?: string
  children?: ReactNode
  title?: string
  nowrap?: boolean
  step?: number
  minValue?: number
  maxValue?: number
  defaultValue?: number

  /**
   * @todo @shanmathi from @james < fix this add which args are sent
   */
  onChange?: Function

  renderBox?: IncrementerRenderProp
  renderWrapper?: IncrementerRenderProp

  state?: DefaultIncrementerState
}

export interface DefaultIncrementerState {
  count?: number
  shouldIncrement?: boolean
  shouldDecrement?: boolean

  incrementCount(props: IncrementerProps): void
  decrementCount(props: IncrementerProps): void
  handleChange(props: IncrementerProps, event?: Event): void
  handleBlur(props: IncrementerProps, event?: Event): void
  update(props: IncrementerProps): void
}