content: import React from 'react';
  import PropTypes from 'prop-types';
  import { FormattedMessage } from 'react-intl';
  
  const TimelineHint = ({ resource, url }) => (
    <div className='timeline-hint'>
      <strong><FormattedMessage id='timeline_hint.remote_resource_not_displayed' defaultMessage='{resource} from other servers are not displayed.' values={{ resource }} /></strong>
      <br />
      <a href={url} target='_blank'><FormattedMessage id='account.browse_more_on_origin_server' defaultMessage='Browse more on the original profile' /></a>
    </div>
  );
  
  TimelineHint.propTypes = {
    resource: PropTypes.node.isRequired,
    url: PropTypes.string.isRequired,
  };
  
  export default TimelineHint;
  