import { FaGithub, FaLinkedin } from 'react-icons/fa';
import { SiGitea } from 'react-icons/si';
import { ActionIcon, Container, Group, Text } from '@mantine/core';
import classes from './FooterSocial.module.css';

export function FooterSocial() {
  return (
    <div className={classes.footer}>
      <Container className={classes.inner}>
        <Text>Craig Macfadyen</Text>
        <Group gap={0} className={classes.links} justify="flex-end" wrap="nowrap">
          <ActionIcon
            component="a"
            target="_blank"
            href="https://github.com/cdmacfadyen"
            size="lg"
            color="gray"
            variant="subtle"
          >
            <FaGithub size={18} />
          </ActionIcon>
          <ActionIcon
            component="a"
            target="_blank"
            href="https://gitea.craigmacfadyen.co.uk"
            size="lg"
            color="gray"
            variant="subtle"
          >
            <SiGitea size={18} />
          </ActionIcon>
          <ActionIcon
            component="a"
            target="_blank"
            href="https://www.linkedin.com/in/craig-macfadyen-9a2041197/"
            size="lg"
            color="gray"
            variant="subtle"
          >
            <FaLinkedin size={18} />
          </ActionIcon>
        </Group>
      </Container>
    </div>
  );
}
