AppStateESS/InternshipInventory

import React, {Component} from 'react'
import PropTypes from 'prop-types'

class Message extends Component {
  render() {
    let icon = ''
    switch (this.props.type) {
      case 'danger':
        icon = 'fa fa-exclamation-triangle'
        break

      case 'success':
        icon = 'fa fa-thumbs-o-up'
        break

      case 'info':
        icon = 'fa fa-info-circle'
        break

      case 'warning':
        icon = 'fa fa-hand-paper-o'
        break
      default:
        icon = 'fa fa-hand-paper-o'
        break
    }

    let messageType = 'alert alert-dismissible alert-' + this.props.type
    return (
      <div className={messageType} role="alert">
        <button
          type="button"
          onClick={this.props.onClose}
          className="close"
          data-dismiss="alert"
          aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <i className={icon}></i>&nbsp;
        {this.props.children}
      </div>
    )
  }
}

Message.propTypes = {
  type: PropTypes.string,
  children: PropTypes.oneOfType([PropTypes.string,PropTypes.element]),
  onClose: PropTypes.func
}

Message.defaultProps = {
  type: 'info'
}

export default Message