import { ContextMenuProps } from '../../../../props.js';
export declare const CONTEXT_MENU_SELECTED_WITH_DOT_CLASS = "csdk-context-menu-selected-with-dot";
/**
 * Context menu
 *
 * @example
 * ```tsx
 * import { useState } from 'react';
 * import { ContextMenu, MenuPosition } from '@sisense/sdk-ui';
 *
 * const CodeExample = () => {
 *   const [position, setPosition] = useState<MenuPosition | null>(null);
 *
 *   return (
 *     <div
 *       onContextMenu={(event) => {
 *         event.preventDefault();
 *         setPosition({ left: event.clientX, top: event.clientY });
 *       }}
 *     >
 *       Right-click me
 *       <ContextMenu
 *         position={position}
 *         closeContextMenu={() => setPosition(null)}
 *         itemSections={[
 *           { items: [{ caption: 'Option 1', onClick: () => console.log('Option 1') }] },
 *         ]}
 *       />
 *     </div>
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * @group Drilldown
 */
export declare const ContextMenu: ({ position, itemSections, children, closeContextMenu, alignment, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;