import { ReactNode } from 'react'

// render prop interface
export interface SignInFormRenderProp extends Function {
  (props: SignInFormProps): ReactNode
}

// component main props
export interface SignInFormProps {
  className?: string
  children?: ReactNode
  clientName?: string

  // renderProps
  renderHeading?: SignInFormRenderProp
  renderFormFields?: SignInFormRenderProp
  renderButtons?: SignInFormRenderProp
  renderWrapper?: SignInFormRenderProp

  // handle click event
  onSignInClick?: Function
  onCreateAccountClick?: Function
  onForgotPasswordClick?: Function
}