import { ReactNode, ReactEventHandler } from 'react'

export interface ToggleHandler extends Function {
  (args: Partial<ToggleRemainingProps>): void
}

export interface ToggleRenderProp extends Function {
  (props: ToggleProps): ReactNode
}

export interface ToggleRemainingProps {
  iconType?: string
  breed?: string
  label?: string
  isAnimated?: boolean
  isSelected?: boolean
  borderColor?: string
  bgColor?: string
  tickColor?: string
  defaultLabel?: string
  toggleLabel?: string
  defaultLabelDataQa?: string
  toggleLabelDataQa?: string
  // handler
  onToggle?: ToggleHandler | ReactEventHandler<HTMLButtonElement>
}

export interface ToggleProps extends ToggleRemainingProps {
  className?: string
  children?: ReactNode
  // renderProps
  renderIcon?: ToggleRenderProp
  renderLabel?: ToggleRenderProp
  renderWrapper?: ToggleRenderProp
}