// Ugly way to deal with optional dependency so we don't break projects not using react.
let React = null;
let PropTypes = null;

const ActionLink = ({ action, children, ...props }, { store }) => {
  if (!React) {
    throw new Error("You cannot use ActionLink unless react is available");
  }

  if (!PropTypes) {
    throw new Error("You cannot use ActionLink unless prop-types is available");
  }

  if (!store) {
    throw new Error(
      "You cannot use ActionLink without providing store via context (possibly using react-redux Provider?)"
    );
  }

  const renderedRoute = store.pathForAction(action);

  return (
    <a
      href={renderedRoute}
      onClick={ev => {
        ev.preventDefault();
        store.dispatch(action);
      }}
      {...props}
    >
      {children}
    </a>
  );
};

try {
  React = require("react");
  PropTypes = require("prop-types");
  ActionLink.contextTypes = {
    store: PropTypes.object
  };
} catch (e) {}

export default ActionLink;