import React, { PropTypes } from 'react';

const Link = ({ active, children, onClick }) => {
  if (active) {
    return <span>{children}</span>;
  }

  return (
    <a
      href="#"
      onClick={e => {
        e.preventDefault();
        onClick();
      }}
    >
      {children}
    </a>
  );
};

Link.propTypes = {
  active: PropTypes.bool.isRequired,
  children: PropTypes.node.isRequired,
  onClick: PropTypes.func.isRequired,
};

export default Link;

@@ -117,14 +117,48 @@
 urn 
-%3Cspan%3E
+(%0A      %3Cspan className=%22link%22%3E%0A        
 %7Bchi
@@ -167,15 +167,28 @@
 ren%7D
+%0A      
 %3C/span%3E
+%0A    )
 ;%0A  
@@ -208,16 +208,39 @@
 %0A    %3Ca%0A
+      className=%22link%22%0A
       hr

Add special class to every Link element