import PropTypes from 'prop-types';
import React from 'react';
import { friendlyTitle } from './util/Utils.js';
import { incompleteMeshMessage } from './util/CopyUtils.jsx';

export default class AddResources extends React.Component {
  static propTypes = {
    resourceName: PropTypes.string.isRequired,
    resourceType: PropTypes.string.isRequired
  }

  render() {
    const {resourceName, resourceType} = this.props;

    return (
      <div className="mesh-completion-message">
        {friendlyTitle(resourceType).singular} {resourceName} is not in the mesh.
        {incompleteMeshMessage()}
      </div>
    );
  }
}