import React from "react";
import styled from "styled-components";

const SpacedFooter = styled.div`
  & > p {
    font-size: 0.8em;
  }
  & a {
    color: ${(p) => p.theme.colors.text};
  }
`;

const Link = (props) => {
  return (
    <a href={props.link} target="_blank" rel="noopener noreferrer">
      {props.name}
    </a>
  );
};

const Footer = () => {
  return (
    <SpacedFooter>
      <p>
        (c) 2022 // <Link link="https://jzhao.xyz/" name="jacky" />,{" "}
        <Link link="https://ryanmehri.tech/" name="ryan" />
      </p>
    </SpacedFooter>
  );
};

export default Footer;