All files / src/components/layout/header index.tsx

0% Statements 0/23
0% Branches 0/1
0% Functions 0/1
0% Lines 0/23

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24                                               
'use client';

import Link from 'next/link';

import { Icon } from '@/components/icon';
import { CowBell } from '@/components/layout/header/cow-bell';
import { HeaderLogin } from '@/components/layout/header/header-login';
import { useAuth } from '@/providers';

export const Header = () => {
  const { isAuthenticated } = useAuth();

  return (
    <header className={`sticky top-0 z-100 w-full bg-white`}>
      <nav className='flex-between px-4 py-2'>
        <Link href={'/'}>
          <Icon id='wego-logo' width={92} height={40} />
        </Link>
        <div className='flex-center gap-2'>{isAuthenticated ? <CowBell /> : <HeaderLogin />}</div>
      </nav>
    </header>
  );
};