import {
  number,
  string,
  boolean,
  object,
  array,
  func,
} from '@skava/modules/___dist/view-container/types'

export const inputPropTypes = {
  state: object.isRequired,

  autocomplete: boolean,
  type: string,
  name: string,

  animatePlaceholder: boolean,
  placeholderText: string,
  // - THIS IS NOT THE SAME AS PLACEHOLDER - FLOATING LABEL...
  // placeholder: string,

  // you can use the pass through component and remove this
  customAttributes: object,

  isFocused: boolean,
  isLabelOnTop: boolean,

  // classes
  className: string,
  wrapperClassName: string,

  // isValid | isInvalid
  hasValidationError: boolean,
  isValidInput: boolean,

  // validation type
  validationType: string,
  // value is often a string -.-
  // name passed in is not consistent
  // maxlength: Number,
  maxLength: number,

  // to subscribe to changing values
  onValueChange: func,

  /**
   * @todo should alias validationFunction & onBlur
   */
  onBlur: func,
  validationMethod: func,

  // to disable the input
  isDisabled: string,

  onFormValidation: func,

  onFocus: func,

  /**
   * @note @invalid name - no acronynms - onFocus
   *     customCbk  means nothing
   */
}