Files
fendi-react-app/src/components/Footer.jsx
2025-06-09 22:31:06 -06:00

32 lines
931 B
JavaScript

import { Box, Typography } from '@mui/material';
import fendiLogo from '/logo.png'
export default function Footer({ zone = 'public' }) {
const bgColor = {
public: '#000000a0',
restricted: '#e0e0ff',
private: '#d0f0e0',
};
const year = new Date().getFullYear();
return (
<Box
component="footer"
sx={{
p: 2,
textAlign: 'center',
backgroundColor: bgColor[zone],
mt: 'auto',
fontSize: { xs: '0.75rem', md: '1rem' },
}}
>
<Typography variant="body2">
<img src={fendiLogo} alt="Fendi logo" style={{ height: 10, marginRight: 10 }} />
{zone === 'private'
? `Admin Panel - Fendi ${year}`
: `© ${year} Fendi. All rights reserved.`}
</Typography>
</Box>
);
}