import React, { Ref } from 'react';
import * as css from './styles.css';
import { ProxySettingsEntry } from './ProxySettingsEntry';

interface AuthFooterProps {
  footerRef?: Ref<HTMLElement>;
}

export function AuthFooter({ footerRef }: AuthFooterProps) {
  return (
    <footer className={css.AuthFooter} role="contentinfo" ref={footerRef}>
      <span>Powered by Matrix</span>
      <ProxySettingsEntry />
    </footer>
  );
}
