import {AppShell, NavLink} from '@mantine/core';
import { useNavigate } from 'react-router-dom';

const NavBar = () => {
    const navigate = useNavigate();

    return(
        <AppShell.Navbar p="md" style={{gap: "10px"}}>
          <NavLink label = "Home"
           onClick={() => navigate('/home')} style={{margin: "5px"}} />
           <NavLink label="Lists"
           onClick={() => navigate('/lists')} 
           style={{margin: "5px"}} />
          
        </AppShell.Navbar>
    );    
};

export default NavBar;