Rev 2431 | Rev 3585 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'
import { Link } from 'react-router-dom'
import { Container } from '@mui/material'
import { useFetch } from '@hooks'
import styles from './Footer.module.scss'
const Footer = () => {
const { data } = useFetch('/helpers/footer')
return (
<footer className={styles.footer}>
<Container>
<div className={styles.footer_content}>
<Link to='/'>
<img src='/images/logo-leaderslinked.png' alt='logo' />
</Link>
<div className={styles.footer__link}>
<ul>
{Object.entries(data).map(([href, label]) => (
<li key={`${href}-${label}`}>
<Link to={href}>{label}</Link>
</li>
))}
</ul>
<div className={styles.footer__main}>
<img src='/images/copy-icon2.png' alt='logo' />
<p>CESA MS Copyright 2023</p>
</div>
</div>
</div>
</Container>
</footer>
)
}
export default Footer