department-of-veterans-affairs/vets-website

import React from 'react';
import { replaceWithStagingDomain } from '~/platform/utilities/environment/stagingDomains';

const Footer = () => {
  return (
    <footer data-testid="arp-footer" className="footer arp-footer">
      <div className="footer-inner">
        <div className="usa-grid usa-grid-full footer-banner vads-u-padding-top--2">
          <h3>Accredited Representative Portal</h3>
          <p>
            An official website of the{' '}
            <a className="vads-u-color--white" href="https://va.gov">
              U.S. Department of Veterans Affairs
            </a>
          </p>
          <a href="/" title="Go to VA.gov">
            <img
              src={replaceWithStagingDomain(
                'https://www.va.gov/img/homepage/va-logo-white.png',
              )}
              alt="VA logo and Seal, U.S. Department of Veterans Affairs"
              width="200"
              className="vads-u-height--auto"
              data-testid="footer-full-logo"
            />
          </a>
        </div>
        <div
          className="usa-grid usa-grid-full va-footer-links-bottom"
          data-testid="footer-full-links-bottom"
        >
          <ul>
            <li>
              <a href="https://department.va.gov/about/">About VA</a>
            </li>
            <li>
              <a href="https://va.gov/accessibility-at-va">Accessibility</a>
            </li>
            <li>
              <a href="https://department.va.gov/foia/">
                Freedom of Information Act (FOIA)
              </a>
            </li>
            <li>
              <a href="https://va.gov/oig/">Office of Inspector General</a>
            </li>
            <li>
              <a href="https://va.gov/privacy-policy/">
                Privacy, policies, and legal information
              </a>
            </li>
            <li>
              <a href="https://va.gov/ormdi/NOFEAR_Select.asp">
                No FEAR Act Data
              </a>
            </li>
            <li>
              <a href="https://va.gov/performance-dashboard/">
                VA performance dashboard
              </a>
            </li>
          </ul>
        </div>
        <div className="usa-grid usa-grid-full">
          <p>
            Looking for U.S. government information and services? Visit{' '}
            <a className="vads-u-color--white" href="https://usa.gov">
              USA.gov
            </a>
          </p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;