import PropTypes from 'prop-types';
import React from 'react';

const TapLink = ({PrefixedLink, namespace, resource, toNamespace, toResource, path}) => {
  let params = {
    autostart: "true",
    namespace,
    resource,
    toNamespace,
    toResource,
    path
  };
  let queryStr = Object.entries(params).map(([k, v]) => `${k}=${v}`).join("&");

  return (
    <PrefixedLink to={`/tap?${queryStr}`}>
      <i className="fas fa-microscope" />
    </PrefixedLink>
  );
};

TapLink.propTypes = {
  namespace: PropTypes.string.isRequired,
  path: PropTypes.string.isRequired,
  PrefixedLink: PropTypes.func.isRequired,
  resource: PropTypes.string.isRequired,
  toNamespace: PropTypes.string.isRequired,
  toResource: PropTypes.string.isRequired,
};

export default TapLink;