import React from "react";
import { Button } from "@/ui/button";
import Link from "next/link";
import NavigationBreadcrumbs from "./navigation-breadcrumbs";

function Navbar() {
  return (
    <nav className="container py-4 flex justify-between items-center ">
      <div className="flex items-center gap-4">
        <Link
          className="text-sm"
          href={`mailto:${process.env.NEXT_PUBLIC_EMAIL}`}
        >
          {process.env.NEXT_PUBLIC_EMAIL}
        </Link>
        <Button asChild size={"sm"}>
          <Link href={"/contact"}>Work with me</Link>
        </Button>
      </div>

      <NavigationBreadcrumbs />
    </nav>
  );
}

export default Navbar;