snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/base/ui/components/web/ContextMenuItemGroup.tsx

@@ -0,0 +1,68 @@
+import React, { ReactNode } from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+import ContextMenuItem, { IProps as ItemProps } from './ContextMenuItem';
+
+
+interface IProps {
+
+    /**
+     * List of actions in this group.
+     */
+    actions?: Array<ItemProps>;
+
+    /**
+     * The children of the component.
+     */
+    children?: ReactNode;
+
+    /**
+     * The optional role of the component.
+     */
+    role?: string;
+}
+
+const useStyles = makeStyles()(theme => {
+    return {
+        contextMenuItemGroup: {
+            '&:not(:empty)': {
+                padding: `${theme.spacing(2)} 0`
+            },
+
+            '& + &:not(:empty)': {
+                borderTop: `1px solid ${theme.palette.overflowMenuSeparator}`
+            },
+
+            '&:first-of-type': {
+                paddingTop: 0
+            },
+
+            '&:last-of-type': {
+                paddingBottom: 0
+            }
+        }
+    };
+});
+
+const ContextMenuItemGroup = ({
+    actions,
+    children,
+    ...rest
+}: IProps) => {
+    const { classes: styles } = useStyles();
+
+    return (
+        <div
+            className = { styles.contextMenuItemGroup }
+            { ...rest }>
+            {children}
+            {actions?.map(actionProps => (
+                <ContextMenuItem
+                    key = { actionProps.text }
+                    { ...actionProps } />
+            ))}
+        </div>
+    );
+};
+
+export default ContextMenuItemGroup;