53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
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>
|
|
|
|
{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>
|
|
);
|
|
}
|