import React from 'react';
import { BuffiniLogo } from './BuffiniLogo';

export interface IAppFooter {
  theme?: 'dark' | 'light';
  [x: string]: any;
}

export function AppFooter(props: IAppFooter) {
  const { theme = 'light' } = props;

  return (
    <footer className={`b-app-footer ${theme}`} {...props}>
      <div className="b-app-footer-primary">
        <a href="https://www.buffiniandcompany.com">
          <BuffiniLogo />
        </a>
      </div>
      <div className="b-app-footer-secondary">
        <a href="https://www.buffiniandcompany.com/company/submit-referral.aspx" target="_blank">
          Send us a Referral
        </a>
        <a href="https://www.buffiniandcompany.com/company/contact-us.aspx">Contact</a>
        <a href="https://www.buffiniandcompany.com/privacy" target="_blank">
          Privacy
        </a>
        <a href="https://www.buffiniandcompany.com/terms" target="_blank">
          Terms
        </a>
        <span>&copy; {new Date().getFullYear()} Buffini &amp; Company</span>
      </div>
    </footer>
  );
}