import {
  number,
  boolean,
  string,
  stringOrFunc,
  func,
  node,
  any,
  stringOrNumber,
} from '@skava/modules/___dist/view-container/types'
import { CommonState } from '../../../../state/index.d'

export interface ButtonRenderProp extends Function {
  (props: BaseButtonStandardProps, state: ButtonState, view?: React.ComponentElement<any, any>): any
}

export interface BaseButtonProps {
  class?: string
  className?: string
  classList?: string
  defaultClassName?: string
  styled?: stringOrFunc

  // === aliased
  value?: any
  children?: any
  text?: any

  // might want to just accept aria-label
  // label?: string,
  'aria-label'?: string
  'aria-controls'?: string
  identifier?: string

  // double alias - ONLY FOR COMPATIBILITY - THERE IS A LINT RULE FOR THIS
  handleClick?: any
  onClick?: func
  onSubmit?: func
  // onHover
  // onFocus
  // onPressed

  /**
   * for default square buttons
   */
  isSquare?: boolean
  isLowPriority?: boolean

  // @todo === extend this type for overrides to have combinations of required
  // for url
  to?: string

  // rarely passed in, for isAnimated
  timeout?: number

  // @alias
  shouldAnimate?: boolean
  isAnimated?: boolean
  hasAnimation?: boolean

  isDisabled?: boolean
  isSelected?: boolean
  isFocused?: boolean
  isResting?: boolean
  isPushed?: boolean

  // left | right | number
  iconOrder?: stringOrNumber
  icon?: typeof node | React.Component
  tabIndex?: stringOrNumber

  // added for compat...
  // eslint error here
  isLink?: boolean
  role?: string
  id?: string
  label?: string
  states?: string

  center?: string
  isCenter?: boolean

  isGreen?: boolean
  green?: boolean
  isBlue?: boolean
  blue?: boolean
  isGhost?: boolean
  ghost?: boolean
  isPresentational?: boolean

  snackbarText?: string
  snackbar?: boolean
  onSnackbarClose?: Function
  onSnacbkarUndo?: Function
  snackbarTimeout?: number

  // === for renderProp
  renderProp?: ButtonRenderProp
  renderSnackbar?: ButtonRenderProp
  renderIconAndText?: ButtonRenderProp
  /**
   * @alias renderButtonOrLink
   */
  renderButtonOrLink?: ButtonRenderProp

  // should not be used, use `qa`
  dataQa?: undefined
  qa?: string
}

export const baseButtonPropTypes = {
  // === aliased
  class: string,
  className: string,
  classList: string,
  defaultClassName: string,
  styled: stringOrFunc,

  // === aliased
  value: any,
  children: any,
  text: any,

  // might want to just accept aria-label
  // label: string,
  'aria-label': string,
  'aria-controls': string,
  identifier: string,

  // double alias - ONLY FOR COMPATIBILITY - THERE IS A LINT RULE FOR THIS
  handleClick: any,
  onClick: func,
  onSubmit: func,
  // onHover
  // onFocus
  // onPressed

  // === for renderProp
  renderProp: node,
  // element: stringOrFunc,

  /**
   * for default square buttons
   */
  isSquare: boolean,
  isLowPriority: boolean,

  // for url
  to: string,

  // rarely passed in, for isAnimated
  timeout: number,

  // @alias
  shouldAnimate: boolean,
  isAnimated: boolean,
  hasAnimation: boolean,

  isDisabled: boolean,
  isSelected: boolean,
  isFocused: boolean,
  isResting: boolean,
  isPushed: boolean,

  // left | right | number
  iconOrder: stringOrNumber,
  icon: node,
  tabIndex: stringOrNumber,

  // added for compat...
  // eslint error here
  isLink: boolean,
  role: string,
  id: string,
  label: string,
  states: string,
  center: string,

  // isBlue, isGreen, isGhost
  green: boolean,
  blue: boolean,
  ghost: boolean,
  isPresentational: boolean,
}

export type ButtonRole = 'link' | 'button' | string

export interface BaseButtonStandardProps extends BaseButtonProps {
  isAnimated: boolean
  isDisabled: boolean
  isSelected: boolean
  isFocused: boolean
  isResting: boolean
  isPushed: boolean
  isLowPriority: boolean
  isLink: boolean
  isCenter: boolean
  hasSnackbar: boolean

  isIconLeft: boolean
  isIconRight: boolean

  eventHandlers: ButtonEventHandlers
}

export interface ButtonState extends CommonState {
  // required, but optional on common...
  isActive: boolean
}

export interface ButtonEventHandlers {
  onFocus: React.FocusEventHandler<any>
  onBlur: React.FocusEventHandler<any>
  onKeyDown: React.KeyboardEventHandler<any>
  onClick: React.MouseEventHandler<any>
}

export type StringyBoolean = 'true' | 'false' | true | false | string
export interface AccessibleButtonAttributes {
  id?: string
  'aria-label'?: string
  'aria-pressed'?: string
  'data-qa'?: string
}
export interface PassThroughAttributes {
  className: string
  tabIndex?: number | string
  onSubmit?: React.FormEventHandler<any>
  role?: ButtonRole
}

export { BaseButtonProps as ButtonProps }