import { ReactNode, MouseEvent } from 'react'

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

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

export interface ToggleRemainingProps {
  iconType?: string
  breed?: string
  label?: string
  value?: string
  isAnimated?: boolean
  isSelected?: boolean
  borderColor?: string
  bgColor?: string
  tickColor?: string
  defaultLabel?: string
  toggleLabel?: string
  defaultLabelDataQa?: string
  toggleLabelDataQa?: string
  dataQa?: string
  // handler
  onToggle?: ToggleHandler
}

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