text: import React from 'react';
  // import { useSelector } from 'react-redux';
  import { Link } from 'react-router-dom';
  
  import logoAdmin from '~/assets/logo-header.png';
  import { Container, Profile, Content } from './styles';
  
  export default function Header() {
      // const profile = useSelector(state => state.user.profile);
  
      return (
          <Container>
              <Content>
                  <nav>
                      <img src={logoAdmin} alt="GiMpoint" />
                      <Link to="/dashboard">ALUNOS</Link>
                      <Link to="/dashboard">PLANOS</Link>
                      <Link to="/dashboard">MATRICULAS</Link>
                      <Link to="/dashboard">PEDIDOS DE AUXILIO</Link>
                  </nav>
  
                  <aside>
                      <Profile>
                          <div>
                              <strong> Vady Varela </strong>
                              <Link>sair do sistema</Link>
                          </div>
                      </Profile>
                  </aside>
              </Content>
          </Container>
      );
  }
  