import React from 'react'
import { NavbarText, NavItem, Spinner } from "reactstrap";
import { useUser } from '../../../utils/auth/useUser'

const NavItemUser = () => {
  const { user } = useUser()

  return typeof user === 'undefined' ? (
    <NavItem>
      <NavbarText>
        <Spinner size={'sm'} />
      </NavbarText>
    </NavItem>
  ) : user ? (
    <NavItem>
      <NavbarText>{user.email}</NavbarText>
    </NavItem>

  ) : null
}

export default NavItemUser