content: import React from 'react';
  import { Message, Label, Icon } from 'semantic-ui-react';
  
  const Track = (props) => (
    <Message
      //icon
      //size='mini'
      //floating
      onDismiss={()=>this.delete(trackIndex)}
      style={{
        padding: '.3em',
        //backgroundColor: `${trackIndex===this.state.index?'rgba(255,255,0,.8)':'rgba(255,255,255,.8)'}`,
        height: '36px',
        whiteSpace: 'nowrap',
        textOverflow: 'ellipsis',
        overflow: 'hidden',
        margin: '.6em 0',
      }}
    >
      <Icon
        name='play circle outline'
        size='big'
        style={{
          marginRight: 0
        }}
        onClick={()=>props.play(track, trackIndex)}
      />
      <div
        style={{
          display: 'inline-flex',
          width: 200
        }}
      >
        {props.title.toUpperCase()}
      </div>
  
    </Message>
  );
  
  export default Track;
  