import { Link } from 'react-router-dom';
import React from 'react';
import styles from '../../styles/Footer.module.scss';

const Footer = () => {
  return (
    <footer className={styles.footer}>
      <div className={styles.container}>
        <div className={styles.left}>
          Livonsaari & Palva & Velkuanmaa
          <br />
          Naantalin saaristo
          <br />
        </div>
        <div className={styles.middle}>
          <Link to='/#nav-bar'>
            <img
              className={styles.logo}
              src='/small-logo.png'
              alt='small logo'
            />
          </Link>
          <div>
            <a
              href='https://gitea.tietokonepaja.fi/tietokonepaja/runosaari'
            >
              lähdekoodi
            </a> by <a href='https://tietokonepaja.fi'>Livonsaaren Tietokonepaja</a>
          </div>
        </div>
        <div className={styles.right}>
          Katariina Vuorinen <br />
          <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
