import React from 'react';
import { PropTypes as T } from 'prop-types';
import { Link } from 'react-router-dom';

export default function FooterActions({ what, onDownloadClick, viewMorePath }) {
  return (
    <ul className="card__footer-actions">
      <li>
        <a
          href="#"
          className="cfa-download"
          title={`Download data for ${what}`}
          onClick={onDownloadClick}
        >
          Download
        </a>
      </li>
      <li>
        <Link to={viewMorePath} className="cfa-go" title={`View ${what} page`}>
          View More
        </Link>
      </li>
    </ul>
  );
}

FooterActions.propTypes = {
  what: T.string.isRequired,
  onDownloadClick: T.func.isRequired,
  viewMorePath: T.string.isRequired,
};

@@ -105,16 +105,169 @@
 er-dom';
+%0Aimport styled from 'styled-components';%0A%0Aconst DisabledLink = styled(Link)%60%0A  pointer-events: none;%0A  color: grey;%0A  &:visited %7B%0A    color: grey;%0A  %7D%0A%60;
 %0A%0Aexport
@@ -626,20 +626,57 @@
        %3C
-Link
+DisabledLink%0A          disabled%0A         
  to=%7Bvie
@@ -685,16 +685,26 @@
 orePath%7D
+%0A         
  classNa
@@ -714,16 +714,26 @@
 %22cfa-go%22
+%0A         
  title=%7B
@@ -752,16 +752,25 @@
 %7D page%60%7D
+%0A        
 %3E%0A      
@@ -783,16 +783,16 @@
 ew More%0A
-
         
@@ -793,16 +793,24 @@
       %3C/
+Disabled
 Link%3E%0A  

Disable non-functional link