prisma-home-challenge/components/Nav.tsx

import { FC } from "react";

type NavTypes = {
  SecondaryNavigation?: FC;
};

const Nav: FC<NavTypes> = ({ SecondaryNavigation }) => (
  <header className="bg-prisma-50 w-full min-h-nav flex items-end">
    <nav className="w-full max-w-screen-lg flex mx-auto justify-between">
      <ul className="flex">
        <li className="">
          <a href="#" className="py-7 px-4 block font-bold">
            Prisma
          </a>
        </li>
      </ul>
      {SecondaryNavigation ? (
        <SecondaryNavigation />
      ) : (
        <ul className="flex">
          <li className="">
            <a href="#" className="py-7 px-4 block">
              Sign up
            </a>
          </li>
          <li className="">
            <a href="#" className="py-7 px-4 block">
              Log in
            </a>
          </li>
        </ul>
      )}
    </nav>
  </header>
);

export default Nav;