content: import React from 'react';
  import ImmutablePropTypes from 'react-immutable-proptypes';
  import ImmutablePureComponent from 'react-immutable-pure-component';
  import Permalink from '../../../components/permalink';
  
  class MediaItem extends ImmutablePureComponent {
  
    static propTypes = {
      media: ImmutablePropTypes.map.isRequired,
    };
  
    render () {
      const { media } = this.props;
      const status = media.get('status');
  
      let content, style;
  
      if (media.get('type') === 'gifv') {
        content = <span className='media-gallery__gifv__label'>GIF</span>;
      }
  
      if (!status.get('sensitive')) {
        style = { backgroundImage: `url(${media.get('preview_url')})` };
      }
  
      return (
        <div className='account-gallery__item'>
          <Permalink
            to={`/statuses/${status.get('id')}`}
            href={status.get('url')}
            style={style}
          >
            {content}
          </Permalink>
        </div>
      );
    }
  
  }
  
  export default MediaItem;
  