import { ReactNode } from 'react'

interface ClickHandler {
  (event: Event): void
}

interface RenderProp {
  (props: MaterialIconProps): ReactNode
}

interface RenderWrapper {
  (
    props: MaterialIconProps,
    attributes?: VectorProps,
    icon?: ReactNode
  ): ReactNode
}

interface IconProps {
  isDisabled: boolean
  isSelected: boolean
}

interface IconWrapperProps extends IconProps {
  isInteractive: boolean
}

interface VectorProps extends IconProps {
  className?: string
  onClick?: ClickHandler
  description?: string
  title?: string
}

interface MaterialIconProps extends VectorProps {
  type: string
  nowrap?: boolean
  renderIcon: RenderProp
  renderWrapper: RenderWrapper
  pathAliases: object
  paths: object
  customPaths?: object
}

export { IconProps, IconWrapperProps, VectorProps, MaterialIconProps }