// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { NavigationMenu as Primitive } from "./_ynrlib/base-ui.js";
export function NavigationMenu({
  className,
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  return (
    <Primitive.Root
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-root ${className(state) ?? ""}`
          : `ynr-navigation-menu-root ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuList({
  className,
  ...props
}: ComponentProps<typeof Primitive.List>) {
  return (
    <Primitive.List
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-list ${className(state) ?? ""}`
          : `ynr-navigation-menu-list ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuItem({
  className,
  ...props
}: ComponentProps<typeof Primitive.Item>) {
  return (
    <Primitive.Item
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-item ${className(state) ?? ""}`
          : `ynr-navigation-menu-item ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuTrigger({
  className,
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Trigger
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-trigger ${className(state) ?? ""}`
          : `ynr-navigation-menu-trigger ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuIcon({
  className,
  ...props
}: ComponentProps<typeof Primitive.Icon>) {
  return (
    <Primitive.Icon
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-icon ${className(state) ?? ""}`
          : `ynr-navigation-menu-icon ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuContent({
  className,
  ...props
}: ComponentProps<typeof Primitive.Content>) {
  return (
    <Primitive.Content
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-content ${className(state) ?? ""}`
          : `ynr-navigation-menu-content ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuLink({
  className,
  ...props
}: ComponentProps<typeof Primitive.Link>) {
  return (
    <Primitive.Link
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-link ${className(state) ?? ""}`
          : `ynr-navigation-menu-link ${className ?? ""}`
      }
    />
  );
}
export const NavigationMenuPortal = Primitive.Portal;
export function NavigationMenuPositioner({
  className,
  ...props
}: ComponentProps<typeof Primitive.Positioner>) {
  return (
    <Primitive.Positioner
      {...props}
      className={
        typeof className === "function"
          ? (state) =>
              `ynr-navigation-menu-positioner ${className(state) ?? ""}`
          : `ynr-navigation-menu-positioner ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuPopup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Popup>) {
  return (
    <Primitive.Popup
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-popup ${className(state) ?? ""}`
          : `ynr-navigation-menu-popup ${className ?? ""}`
      }
    />
  );
}
export function NavigationMenuViewport({
  className,
  ...props
}: ComponentProps<typeof Primitive.Viewport>) {
  return (
    <Primitive.Viewport
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-navigation-menu-viewport ${className(state) ?? ""}`
          : `ynr-navigation-menu-viewport ${className ?? ""}`
      }
    />
  );
}