Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { AppBar, Container, Link, Toolbar } from '@mui/material'
import { Login, PersonAdd } from '@mui/icons-material'
import { useSelector } from 'react-redux'

import NavigationItem from './navbar/linkedin/NavigationItem'

function AuthNavbar() {
  const { logo_url } = useSelector((state) => state.auth)

  return (
    <AppBar sx={{ position: 'sticky', mb: 3 }}>
      <Container
        sx={{
          paddingLeft: { xs: 1, md: 2 },
          paddingRight: { xs: 1, md: 2 }
        }}
      >
        <Toolbar
          sx={{
            gap: 2,
            minHeight: 'none',
            paddingLeft: 0,
            paddingRight: 0
          }}
        >
          <Link to='/'>
            <img src={logo_url} alt='Logo' />
          </Link>

          <nav>
            <ul>
              <NavigationItem url='/signin'>
                <Login />
                Iniciar sesion
              </NavigationItem>

              <NavigationItem url='/signup'>
                <PersonAdd />
                Registrarse
              </NavigationItem>
            </ul>
          </nav>
        </Toolbar>
      </Container>
    </AppBar>
  )
}

export default AuthNavbar