content: /**
   * [IL]
   * Library Import
   */
  import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { connect } from 'react-redux';
  
  /**
   * [IV]
   * View Import
   */
  import Mobile from './Views/Mobile/tpl';
  import Desktop from './Views/Desktop/tpl';
  
  /**
   * [IBP]
   * Pixel Perfect and Breakpoints
   */
  import PixelPerfect from 'vendor/PixelPerfect/component';
  import BP from 'lib/breakpoints';
  
  /**
   * [ICONF]
   * Config Import
   */
  import config from './config';
  
  /**
   * [IRDX]
   * Redux connect (optional)
   */
  @connect((state) => {
      return {
          mediaType: state.browser.mediaType
      };
  })
  class Contacts extends Component {
      /**
       * [CPT]
       * Component prop types
       */
      static propTypes = {
          mediaType: PropTypes.string.isRequired
      };
  
      /**
       * [CDN]
       * Component display name
       */
      static displayName = config.id;
  
      /**
       * [CR]
       * Render function
       */
      render = () => {
          /**
           * [RPD]
           * Props destructuring
           */
          const { mediaType } = this.props;
  
          /**
           * [RCD]
           * Config destructuring
           */
          const { id } = config;
  
          /**
           * [RV]
           * View
           */
          let view;
  
          if (BP.isMobile(mediaType)) {
              view = (
                  <Mobile mediaType={ mediaType }/>
              );
          } else {
              view = (
                  <Desktop mediaType={ mediaType }/>
              );
          }
  
          /**
           * [RR]
           * Return Component
           */
          return (
              <PixelPerfect component={ id }>
                  { view }
              </PixelPerfect>
          );
      }
  }
  
  /**
   * [IE]
   * Export
   */
  export default Contacts;
  