umami/components/layout/Footer.js

import React from 'react';
import { FormattedMessage } from 'react-intl';
import Link from 'next/link';
import classNames from 'classnames';
import Button from 'components/common/Button';
import LanguageButton from 'components/common/LanguageButton';
import Logo from 'assets/logo.svg';
import styles from './Footer.module.css';

export default function Footer() {
  return (
    <footer className="container">
      <div className={classNames(styles.footer, 'row')}>
        <LanguageButton />
        <div className={styles.center}>
          <FormattedMessage id="footer.powered-by" defaultMessage="powered by" />
          <Link href="https://umami.is">
            <a>
              <Button icon={<Logo />} size="small">
                <b>umami</b>
              </Button>
            </a>
          </Link>
        </div>
        <div></div>
      </div>
    </footer>
  );
}