content: import React from 'react';
  
  
  class Message extends React.Component {
  
      render(){
  
          let classes = "messanger__message alert alert-" + this.props.severity;
  
          return <div className={classes} role="alert">
              <button type="button" className="close" onClick={this.props.remove}><span>&times;</span></button>
              {this.props.message}
          </div>
      }
  }
  
  export default class Messanger extends React.Component {
  
      render(){
  
          let props = this.props;
  
          return <div className="messanger">
                  {this.props.messages.map(function(message){
                      return <Message
                          key={message.id}
  
                          message={message.message}
                          severity={message.severity}
  
                          remove={props.removeMessage.bind(null, message.id)}
  
                          />
                  })}
              </div>
              ;
  
      }
  }