frontend/src/components/features/context-menu/context-menu.tsx

import React from "react";
import { cn } from "#/utils/utils";

interface ContextMenuProps {
  ref?: React.RefObject<HTMLUListElement | null>;
  testId?: string;
  children: React.ReactNode;
  className?: React.HTMLAttributes<HTMLUListElement>["className"];
}

export function ContextMenu({
  testId,
  children,
  className,
  ref,
}: ContextMenuProps) {
  return (
    <ul
      data-testid={testId}
      ref={ref}
      className={cn("bg-tertiary rounded-md", className)}
    >
      {children}
    </ul>
  );
}