MenuMovil.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. import Logo from '../Images/logo.png';
  2. import Fade from '@mui/material/Fade';
  3. import {
  4. Home, Work,VisibilityOff,PeopleAlt, Equalizer
  5. } from '@mui/icons-material/'
  6. import { NavItem } from '../Components/Navigation/NavItem'
  7. export function MenuMovil(props) {
  8. let { open } = props;
  9. return(
  10. <Fade
  11. in={open}>
  12. <div className="menu-shit w3-sidebar w3-bar-block w3-border-right" id="mySidebar">
  13. <div style={{ flat : 'righ' }} className="sidebar-header">
  14. <div className="width_img_mov">
  15. <img src={Logo} alt="pruebas psicometricas"/>
  16. </div>
  17. </div>
  18. <NavItem icon={<Home/>} title="Inicio" route="home" />
  19. <NavItem icon={<Work/>} title="Puestos" route="puestos" />
  20. <NavItem icon={<VisibilityOff/>} title="Contraseñas" route="contrasenas" />
  21. <NavItem icon={<PeopleAlt/>} title="Expedientes" route="expedientes" />
  22. <NavItem icon={<Equalizer/>} title="Resultados" route="resultados" />
  23. </div>
  24. </Fade>
  25. )
  26. }