import * as React from 'react';
import Box from '@mui/material/Box';
import CssBaseline from '@mui/material/CssBaseline';
import BottomNavigation from '@mui/material/BottomNavigation';
import BottomNavigationAction from '@mui/material/BottomNavigationAction';
import RestoreIcon from '@mui/icons-material/Restore';
import FavoriteIcon from '@mui/icons-material/Favorite';
import ArchiveIcon from '@mui/icons-material/Archive';
import Paper from '@mui/material/Paper';
import Typography from '@mui/material/Typography';
import './styles/Navbar.css'

export default function FixedBottomNavigation() {

    function Copyright() {
        return (
            <>
                <Typography variant="body2" color="text.secondary" align="center">
                    {'Copyright © '}
                    Team KBAKT -
                    {new Date().getFullYear()}
                    {'.'}
                </Typography>
                <Typography variant="body2" color="text.secondary" align="center">
                    *this site is an imitation of the BIXI service for educational purposes*
                </Typography>
            </>
        );
    }

    return (
        <Box sx={{ pt: 0 }}>
            <CssBaseline />
            <Paper sx={{ position: 'fixed', bottom: 0, left: 0, right: 0 }} elevation={3}>
                {/* <BottomNavigation
                    showLabels
                >
                    <BottomNavigationAction label="Recents" icon={<RestoreIcon />} />
                    <BottomNavigationAction label="Favorites" icon={<FavoriteIcon />} />
                    <BottomNavigationAction label="Archive" icon={<ArchiveIcon />} />
                </BottomNavigation> */}
                <div className="py-3 nav-bg">
                    <Copyright />
                </div>
            </Paper>
        </Box>
    );
}
