1 import React, { Component } from 'react';

     1 import React from 'react';

     2 import '../App.css';

     2 import './ProtocolSummary.css'

     3 import './SessionSummary.css'

     6 export default class ProtocolSummary extends Component {

     5 export default ({ annotationCategories }) => (

     7   render() {

     6   <div className="protocol-summary">

     8     return (

     7   {annotationCategories.map((category) => (

     9       <div className="mt-5">

     8     <div className="protocol-summary-category" key={category.key} >

    10         <div>

     9       <span className="protocol-summary-category-name badge text-light" style={{ backgroundColor: category.color, fontSize: "1em" }} >{category.name}</span>

    11         <span className="bg-primary">important</span>

    10       <p className="text-primary">{category.description}</p>

    12         <p className="text-primary">la métacatégorie important</p>

    11     </div>

    13         </div>

    12   ))}

    14         <div>

    13   </div>

    15         <span className="bg-primary">mot-clé</span>

    14 );

    16         <p className="text-primary">la métacatégorie mot-clé</p>

    17         </div>

    18         <div>

    19         <span className="bg-primary">commentaire</span>

    20         <p className="text-primary">la métacatégorie commentaire</p>

    21         </div>

    22         <div>

    23         <span className="bg-primary">trouble</span>

    24         <p className="text-primary">la métacatégorie trouble</p>

    25         </div>

    26       </div>

    27     );

    28   }

    29 }