text: import React from 'react';
  import { AiFillGithub, AiFillLinkedin } from 'react-icons/ai';
  
  import { SocialIcons } from '../Header/HeaderStyles';
  import { CompanyContainer, FooterWrapper, LinkColumn, LinkItem, LinkList, LinkTitle, Slogan, SocialContainer, SocialIconsContainer } from './FooterStyles';
  
  const Footer = () => {
    return (
      <FooterWrapper id="contact">
        <LinkList>
          <LinkColumn>
            <LinkTitle>Email</LinkTitle>
            <LinkItem href="mailto:contact@rickychon.me">contact@rickychon.me</LinkItem>
          </LinkColumn>
        </LinkList>
        <SocialIconsContainer>
          <CompanyContainer>
            <Slogan>"The only thing that is constant is change" &mdash; Heraclitus</Slogan>
          </CompanyContainer>
          <SocialContainer>
            <SocialIcons href="https://github.com/RickyC0626" target="_blank">
              <AiFillGithub size="3rem" />
            </SocialIcons>
            <SocialIcons href="https://linkedin.com/in/ricky-chon-315a09103" target="_blank">
              <AiFillLinkedin size="3rem" />
            </SocialIcons>
          </SocialContainer>
        </SocialIconsContainer>
      </FooterWrapper>
    );
  };
  
  export default Footer;
  