import { ReactNode } from 'react'

// render prop interface
export interface SignUpFormRenderProp extends Function {
  (props: SignUpFormProps): ReactNode
}

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

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

  // handle click event
  onSignUpClick?: Function
}