content: import React, { Component } from 'react';
  
  export default class DetailsList extends Component {
  	render() {
  		const {id, content, type, onRemoveFinding} = this.props;
  		let identifier = null;
  
  		if(type) {
  			switch(type) {
  				case 0:
  					identifier = 'i-passed';
  					break;
  
  				case 2:
  					identifier = 'i-minor';
  					break;
  
  				case 4:
  					identifier = 'i-avg';
  					break;	
  
  				case 8:
  					identifier = 'i-major-nb';
  					break;
  
  				case 10:
  					identifier = 'i-major-bl';
  					break;		
  			}
  		}
  
  		return (
  			<li className={`list-group-item list-group-item-action ${identifier}`}>
  				{content}
  				<button className="btn btn-danger btn-sm ml-auto" onClick={() => onRemoveFinding(id, type)}>Remove</button>
  			</li>
  		)
  	}
  }