import Link from "next/link";
import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";
import { NAVIGATION_QUERY_RESULT } from "@/sanity.types";

type SanityLink = NonNullable<NAVIGATION_QUERY_RESULT[0]["links"]>[number];

const defaultNavLinks = [
  { title: "Wedding Guides", href: "/blog" },
  { title: "For Couples", href: "/services/private-consultant" },
  { title: "For Professionals", href: "/services/b2b" },
  { title: "About", href: "/about" },
  { title: "Contact", href: "/contact" },
];

export default function DesktopNav({
  navigation,
}: {
  navigation: NAVIGATION_QUERY_RESULT;
}) {
  const sanityLinks = navigation[0]?.links;
  const processedSanityLinks = sanityLinks?.map((navItem) => {
    if (
      navItem.title?.trim().toLowerCase() === "inquire now" ||
      navItem.href === "/contact"
    ) {
      return {
        ...navItem,
        title: "Contact",
        href: "/contact",
        buttonVariant: undefined,
      };
    }
    return navItem;
  });
  const hasSanityLinks = processedSanityLinks && processedSanityLinks.length > 0;

  return (
    <div className="hidden xl:flex items-center gap-8">
      {hasSanityLinks ? (
        processedSanityLinks.map((navItem) => (
          <Link
            key={navItem._key}
            href={navItem.href || "#"}
            target={navItem.target ? "_blank" : undefined}
            rel={navItem.target ? "noopener noreferrer" : undefined}
            className={cn(
              "text-sm font-medium transition-colors hover:text-brand-gold text-brand-dark/80",
              navItem.buttonVariant === "default" &&
                "bg-brand-gold hover:bg-brand-gold-hover text-white px-5 py-2 rounded-full",
            )}
          >
            {navItem.title}
          </Link>
        ))
      ) : (
        <>
          {defaultNavLinks.map((item) => (
            <Link
              key={item.href}
              href={item.href}
              className="text-sm font-medium transition-colors hover:text-brand-gold text-brand-dark/80 tracking-wide"
            >
              {item.title}
            </Link>
          ))}
        </>
      )}

      {/* Strategic Partnership CTA */}
      <Link
        href="/partnership"
        className="bg-brand-gold hover:bg-brand-gold-hover text-white px-6 py-2.5 rounded-full text-xs font-semibold uppercase tracking-wider transition-all duration-300 shadow-sm hover:shadow-md hover:-translate-y-0.5"
      >
        Become a Partner
      </Link>
    </div>
  );
}