import { AppBar, Toolbar, Typography, Box } from '@mui/material';
import fendiLogo from '/Logo.png';

export default function Footer({ zone = 'public' }) {
    const year = new Date().getFullYear();

    return (
        <AppBar
            position="fixed"
            elevation={0}
            sx={{
                top: 'auto',
                bottom: 0,
                backgroundColor: 'white',
                color: '#40120EFF',
                boxShadow: '0px -2px 4px rgba(0,0,0,0.1)',
                border: 'none',
                width: '100%',
                left: 0,
                right: 0,
            }}
        >
            <Toolbar
                sx={{
                    minHeight: 64,
                    px: 2,
                    display: 'flex',
                    alignItems: 'center',
                    justifyContent: 'center',
                }}
            >
                <Box display="flex" alignItems="center" gap={1.5}>
                    <img src={fendiLogo} alt="Fendi logo" style={{ height: 50 }} />
                    <Typography variant="body2" sx={{ color: '#40120EFF' }}>
                        {zone === 'private'
                            ? `Admin Panel - Dream Views ${year}`
                            : `© ${year} Dream Views. All rights reserved.`}
                    </Typography>
                </Box>
            </Toolbar>
        </AppBar>
    );
}