import React from "react";
import * as ContextMenuPrimitive from "@rn-primitives/context-menu";
import { cn } from "../utils/cn";
import { useColorScheme } from "nativewind";
const ContextMenu = ContextMenuPrimitive.Root;
const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => {
    const { colorScheme } = useColorScheme();
    const isDark = colorScheme === "dark";
    return (<ContextMenuPrimitive.Portal>
      <ContextMenuPrimitive.Overlay>
        <ContextMenuPrimitive.Content ref={ref} className={cn("z-50 min-w-[160px] rounded-lg border border-border dark:border-neutral-800 p-1", isDark ? "bg-neutral-900" : "bg-white", "shadow-lg", className)} {...props}/>
      </ContextMenuPrimitive.Overlay>
    </ContextMenuPrimitive.Portal>);
});
ContextMenuContent.displayName = "ContextMenuContent";
const ContextMenuItem = React.forwardRef(({ className, inset, variant, ...props }, ref) => (<ContextMenuPrimitive.Item ref={ref} className={cn("flex-row items-center rounded-md px-2 py-1.5", "active:bg-neutral-200 dark:active:bg-neutral-700", inset && "pl-8", variant === "destructive" && "active:bg-red-100 dark:active:bg-red-900/30", className)} {...props}/>));
ContextMenuItem.displayName = "ContextMenuItem";
const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (<ContextMenuPrimitive.Separator ref={ref} className={cn("my-1 h-px bg-border dark:bg-neutral-700", className)} {...props}/>));
ContextMenuSeparator.displayName = "ContextMenuSeparator";
const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (<ContextMenuPrimitive.Label ref={ref} className={cn("px-2 py-1.5 text-xs font-semibold text-foreground dark:text-white", inset && "pl-8", className)} {...props}/>));
ContextMenuLabel.displayName = "ContextMenuLabel";
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuLabel, };
//# sourceMappingURL=context-menu.jsx.map