
import React from "react"
import { footer, svg, svgContainer, footerContainer, tapTargetOne, tapTargetTwo } from "./styles/footer.module.scss"
import linkedIn from "../svg/linkedin.svg"
import behance from "../svg/behance.svg"

const Footer = () => (
  <footer className={footer}>
    <div className={footerContainer}>
      <div className={svgContainer}>
        <a href="https://www.linkedin.com/in/leonid-sherman/" target="_blank" rel="noreferrer noopener">
          <div className={tapTargetOne}>
            <img className={svg} src={linkedIn} alt="LinkedIn profile" />
          </div>
        </a>
        <a href="https://www.behance.net/leosherman1" target="_blank" rel="noreferrer noopener">
          <div className={tapTargetTwo}>
            <img className={svg} src={behance} alt="Behance profile" />
          </div>
        </a>
      </div>
      <p>Designed and coded by Leo Sherman © {new Date().getFullYear()}</p>
    </div>
  </footer>
)

export default Footer