import { Navbar, Text } from '@mantine/core'
import React from 'react'
import Footer2 from './Footer2'

function DogNavbar({hasUser}:{hasUser: boolean}) 
{
  return (
    <Navbar 
        width={{ base: 100 }}  
        height={500} 
        hiddenBreakpoint={500} 
        hidden={true} 
        p="xs">
    
    <Navbar.Section><Text>Titel</Text></Navbar.Section>
      <Navbar.Section grow mt="md">{/* Links sections */}</Navbar.Section>
      <Navbar.Section><Text>Login</Text></Navbar.Section>    
      <Navbar.Section><Text>Register</Text></Navbar.Section>    
      {hasUser && <Navbar.Section><Text>Profil</Text></Navbar.Section>}    
      {hasUser && <Navbar.Section><Text>QrCode</Text></Navbar.Section>}    
      {hasUser && <Navbar.Section><Text>Logout</Text></Navbar.Section>}   
      <Navbar.Section>Footer</Navbar.Section>    
    </Navbar>  )
}

export default DogNavbar