import * as React from 'react';
import Container from '@mui/material/Container';
import Link from '@mui/material/Link';
import Typography from '@mui/material/Typography';
import {AppBar, Box, Button, IconButton, Toolbar, Tooltip} from "@mui/material";
import MenuIcon from "@mui/icons-material/Menu";
import LogoutIcon from "@mui/icons-material/Logout";

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 (
    <AppBar
      position="fixed"
      color="default"
      sx={{
        top: 'auto',
        bottom: 0,
        backdropFilter: 'blur(8px)',
        boxShadow: 'none',
        borderTop: '1px solid',
        borderColor: 'divider',
      }}
    >
      <Toolbar>
        <React.Fragment>
          <Container
            sx={{
              display: 'flex',
              flexDirection: 'column',
              alignItems: 'center',
              gap: { xs: 2, sm: 4 },
              textAlign: { sm: 'center', md: 'left' },
            }}
          >
            <Copyright />
          </Container>
        </React.Fragment>
      </Toolbar>
    </AppBar>
  );
}