import { ReactNode } from 'react'

export interface UserInviteRenderProp extends Function {
  (props: UserInviteProps, state?: UserInviteState): ReactNode
}

export interface UserInviteState {
  userInviteList: Array<Object>

  persistUser(): void
  handleAddUser(SERIALIZED_DATA_ON_FORM_SUBMIT: Object): void
  handleRemoveUser(SERIALIZED_DATA_ON_FORM_SUBMIT: Object): void
}

export interface UserInviteProps {
  className?: string
  children?: ReactNode
  state?: UserInviteState
  // renderProps
  renderButton?: UserInviteRenderProp
  renderInviteCard?: UserInviteRenderProp
  renderRemoveUserForm?: UserInviteRenderProp
  renderAddUserForm?: UserInviteRenderProp
  renderHeading?: UserInviteRenderProp
  renderWrapper?: UserInviteRenderProp
}