import { Box, Stack, Typography } from "@mui/material"
import { GitHub } from '@mui/icons-material'
import MuiNextLink from "./MuiNextLink"

const Footer = () => {
  return (
    <Box component="footer" sx={{ py: 5, bgcolor: "primary.main" }}>
      <Stack
        direction="row"
        justifyContent="center"
        spacing={4}
        sx={{ mb: 5 }}
      >
        <MuiNextLink
          sx={{ textDecoration: "none", color: "common.white" }}
          href="https://github.com/Project-FaaS/project-faas"
          target="_blank"
          rel="noopener noreferrer"
        >
          <GitHub fontSize="large" />
        </MuiNextLink>
      </Stack>
      <Typography align="center" color="common.white">
        Coded with ❤️️ by IakMastro
      </Typography>
    </Box>
  )
}

export default Footer