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

export default function Footer() {
  return (
    <Box
      component="footer"
      sx={{
        borderTop: '1px solid',
        borderColor: 'divider',
        py: 3,
        mt: 'auto',
      }}
    >
      <Container
        maxWidth="lg"
        sx={{
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'space-between',
          gap: 2,
          flexWrap: 'wrap',
        }}
      >
        <Typography variant="body2" color="text.secondary" fontWeight={500}>
          Khata
        </Typography>
        <Typography variant="caption" color="text.secondary">
          © {new Date().getFullYear()} Aetoskia Internal Infrastructure — All rights reserved.
        </Typography>
      </Container>
    </Box>
  );
}