import * as React from 'react';
import Box from '@mui/material/Box';
import Container from '@mui/material/Container';
import Link from '@mui/material/Link';
import Typography from '@mui/material/Typography';

function Copyright() {
  return (
    <Typography variant="body2" sx={{ color: 'text.secondary' }}>
      <Link color="text.secondary" href="https://www.aetoskia.com/">
        {'Copyright © Aetoskia Internal Infrastructure — All rights reserved.'}
      </Link>
      &nbsp;
      {new Date().getFullYear()}
    </Typography>
  );
}

export default function Footer() {
  return (
    <React.Fragment>
      <Container
        sx={{
          display: 'flex',
          flexDirection: 'column',
          alignItems: 'center',
          gap: { xs: 2, sm: 4 },
          py: { xs: 2, sm: 4 },
          textAlign: { sm: 'center', md: 'left' },
        }}
      >
        <Copyright />
      </Container>
    </React.Fragment>
  );
}
