import React from 'react'
import { ErrorMessageProps } from './typings'
import { Strong } from './styled'

class ErrorMessage extends React.PureComponent<ErrorMessageProps> {
  render() {
    const { text, children, isVisible, className } = this.props

    if (isVisible === false) {
      return ''
    } else {
      return <Strong className={className}>{text || children}</Strong>
    }
  }
}

export { ErrorMessage }
export default ErrorMessage