// Adapted from shadcn/ui (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { DropdownMenu as Primitive } from "./_ynrlib/radix-ui.js";
export function DropdownMenu(props: ComponentProps<typeof Primitive.Root>) {
  return <Primitive.Root {...props} />;
}
export function DropdownMenuTrigger({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Trigger>) {
  return (
    <Primitive.Trigger
      className={`ynr-dropdown-menu-trigger ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuGroup({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Group>) {
  return (
    <Primitive.Group
      className={`ynr-dropdown-menu-group ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuLabel({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Label>) {
  return (
    <Primitive.Label
      className={`ynr-dropdown-menu-label ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuItem({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Item>) {
  return (
    <Primitive.Item
      className={`ynr-dropdown-menu-item ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuSeparator({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.Separator>) {
  return (
    <Primitive.Separator
      className={`ynr-dropdown-menu-separator ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuRadioGroup({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.RadioGroup>) {
  return (
    <Primitive.RadioGroup
      className={`ynr-dropdown-menu-radio-group ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuSubTrigger({
  className = "",
  ...props
}: ComponentProps<typeof Primitive.SubTrigger>) {
  return (
    <Primitive.SubTrigger
      className={`ynr-dropdown-menu-sub-trigger ${className}`}
      {...props}
    />
  );
}
export function DropdownMenuSub(props: ComponentProps<typeof Primitive.Sub>) {
  return <Primitive.Sub {...props} />;
}
export function DropdownMenuContent({
  className = "",
  sideOffset = 4,
  container,
  ...props
}: ComponentProps<typeof Primitive.Content> & {
  container?: ComponentProps<typeof Primitive.Portal>["container"];
}) {
  return (
    <Primitive.Portal container={container}>
      <Primitive.Content
        {...props}
        sideOffset={sideOffset}
        className={`ynr-dropdown-menu-content ${className}`}
      />
    </Primitive.Portal>
  );
}
export function DropdownMenuSubContent({
  className = "",
  sideOffset = 4,
  container,
  ...props
}: ComponentProps<typeof Primitive.SubContent> & {
  container?: ComponentProps<typeof Primitive.Portal>["container"];
}) {
  return (
    <Primitive.Portal container={container}>
      <Primitive.SubContent
        {...props}
        sideOffset={sideOffset}
        className={`ynr-dropdown-menu-content ${className}`}
      />
    </Primitive.Portal>
  );
}
export function DropdownMenuCheckboxItem({
  children,
  className = "",
  ...props
}: ComponentProps<typeof Primitive.CheckboxItem>) {
  return (
    <Primitive.CheckboxItem
      {...props}
      className={`ynr-dropdown-menu-item ${className}`}
    >
      <span className="ynr-dropdown-menu-indicator">
        <Primitive.ItemIndicator>✓</Primitive.ItemIndicator>
      </span>
      {children}
    </Primitive.CheckboxItem>
  );
}
export function DropdownMenuRadioItem({
  children,
  className = "",
  ...props
}: ComponentProps<typeof Primitive.RadioItem>) {
  return (
    <Primitive.RadioItem
      {...props}
      className={`ynr-dropdown-menu-item ${className}`}
    >
      <span className="ynr-dropdown-menu-indicator">
        <Primitive.ItemIndicator>✓</Primitive.ItemIndicator>
      </span>
      {children}
    </Primitive.RadioItem>
  );
}