import React from 'react'
import { ErrorProps } from './typings'
import { defaultRenderWrapper, defaultRenderError } from './renderProps'

class ErrorMessage extends React.PureComponent<ErrorProps> {
  static defaultProps = {
    renderError: defaultRenderError,
    renderWrapper: defaultRenderWrapper,
  }

  render() {
    const {
      renderError,
      renderWrapper,
      isVisible,
      ...remainingProps
    } = this.props

    if (isVisible === false) {
      return ''
    }

    const children = renderError(remainingProps)
    const view = renderWrapper({ ...remainingProps, children })
    return view
  }
}

export { ErrorMessage }
export default ErrorMessage