text: import Link from 'next/link'
  
  
  const headerComponent = ({ currentUser }) => {
  
    const links = [
      !currentUser && { label: 'Sign Up', href: '/auth/signup' },
      !currentUser && { label: 'Sign In', href: '/auth/signin' },
      currentUser && { label: 'Sell Tickets', href: '/tickets/new' },
      currentUser && { label: 'My Orders', href: '/orders' },
      currentUser && { label: 'Sign Out', href: '/auth/signout' },
    ].filter(config => config)
      .map(({ label, href }) => (<li key={href} className="nav-item">
        <Link href={href} >
          <a className="navbar-brand">{label}</a>
        </Link>
      </li>))
  
    return <nav className="navbar navbar-light bg-light">
      <Link href="/" >
        <a className="navbar-brand">GitTix</a>
      </Link>
  
      <div className="d-flex justify-content-end">
        <ul className="nav d-flex aligh-items-center">
          {links}
        </ul>
      </div>
    </nav>
  }
  
  
  export default headerComponent 
  