import React, { PropTypes } from 'react';

const LinkWrapper = (props) => {
  const style = {
    padding: 0,
    margin: 0
  };
  return (
    <p style={style}>
      { props.children }
    </p>
  );
};

const FooterLink = (props) => {
  const { url, text } = props;
  return (
    <LinkWrapper>
      <a href={url}>
        { text }
      </a>
    </LinkWrapper>
  );
};

export default FooterLink;

FooterLink.propTypes = {
  url: PropTypes.string.isRequired,
  text: PropTypes.string.isRequired
};

@@ -339,16 +339,321 @@
    %3C/a%3E%0A
+      %3Cstyle jsx%3E%0A        %7B%60%0A          a:link %7B%0A              color: #00008B;%0A          %7D%0A          a:visited %7B%0A              color: #00008B;%0A          %7D%0A          a:hover %7B%0A              color: #00008B;%0A          %7D%0A          a:active %7B%0A              color: #00008B;%0A          %7D%0A        %60%7D%0A      %3C/style%3E%0A
     %3C/Li

Set styled-jsx for link styling