content: import React from 'react';
  import Label from './label';
  import { mutateLocal } from '../../lib/state_tools/mutator_client';
  import { connectCSSExtractor } from '../../lib/css_tools/extract_css';
  import styles from './labels_list.css';
  
  function setSelectionState(item) {
    return () => mutateLocal(['setLabelSelection', { item }]);
  };
  
  function getItems(items) {
  
   return items.map((item) => {
     return <Label key={item.get('name')} label={item} onClick={setSelectionState(item)} />;
   });
  }
  
  const LabelsList = ({ labels }) => (
  
    <div>
      <ul className={styles.labelsList}>{getItems(labels)}</ul>
    </div>
  );
  
  export default connectCSSExtractor(LabelsList, Object.values(styles));
  