import { jsx as _jsx } from "react/jsx-runtime";
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
import React from "react";
import { cn } from "../../../../scalars/lib/utils.js";
export const DropdownItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn([
        "focus:bg-accent focus:text-accent-foreground relative flex select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
        "cursor-pointer gap-2 pl-3 font-normal text-gray-700",
        inset && "pl-8",
        "hover:bg-gray-100",
        className,
    ]), ...props })));
DropdownItem.displayName = "DropdownItem";
//# sourceMappingURL=dropdown-item.js.map