import Container from '@mui/material/Container';
import Grid from '@mui/material/Grid';
import Typography from '@mui/material/Typography';
import { styled } from '@mui/material/styles';

const StyledContainer = styled(Container)(({ theme }) => ({
  backgroundColor: theme.palette.action.hover,
  borderRadius: `calc(${theme.shape.borderRadius}px + 8px)`,
  marginTop: "50px",
  padding: "20px",
  color: theme.palette.text.secondary
}));

function CustomFooter() {
  return (
    <StyledContainer >
      <Grid style={{ justifyContent: "space-around",}} container>
        <Typography> OkunElya</Typography>
        <Typography> 2026</Typography>
        <Typography> FEFU</Typography>
      </Grid>
    </StyledContainer>
  );
}

export default CustomFooter;