-
Notifications
You must be signed in to change notification settings - Fork 1
/
Footer.js
31 lines (27 loc) · 884 Bytes
/
Footer.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import {NavLink} from "react-router-dom";
const Footer = (props) => {
return (
<footer className="footer">
<nav>
<ul>
<li className="footer__menu-item">
<NavLink className={(isActive) =>
"footer__menu-link" + (isActive ? "" : "active")
} to="/">A jugar</NavLink>
</li>
<li className="footer__menu-item">
<NavLink className={(isActive) =>
"footer__menu-link" + (isActive ? "" : "active")
} to="/instructions">¿Cómo se juega?</NavLink>
</li>
<li className="footer__menu-item">
<NavLink className={(isActive) =>
"footer__menu-link" + (isActive ? "" : "active")
} to="/options">Más opciones</NavLink>
</li>
</ul>
</nav>
<small className="footer__copy">© Adalab</small>
</footer> );
}
export default Footer;