@gambito-corp/mbs-library
Version:
Librería de componentes React reutilizables - Sistema de diseño modular y escalable
35 lines (31 loc) • 1.36 kB
JSX
import React from 'react';
const Footer = ({ className = '' }) => {
const currentYear = new Date().getFullYear();
const appName = process.env.REACT_APP_NAME || 'MBS';
return (
<footer className={`bg-footer text-white z-10 footer-mbs flex flex-col md:flex-row justify-between px-[20px] md:px-[50px] py-[35px] ${className}`}>
<div className="text-sm text-center mb-3 md:mb-0">
© {currentYear} {appName}. Todos los derechos reservados.
</div>
<div className="text-sm flex flex-col md:flex-row gap-4 underline text-center">
<a
href="https://medbystudents.com/libro-de-reclamaciones/"
target="_blank"
rel="noopener noreferrer"
className="hover:text-gray-300 transition-colors"
>
Libro de reclamaciones
</a>
<a
href="https://medbystudents.com/politicas-de-privacidad/"
target="_blank"
rel="noopener noreferrer"
className="hover:text-gray-300 transition-colors"
>
Políticas de privacidad
</a>
</div>
</footer>
);
};
export default Footer;