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

react/features/overlay/components/web/OverlayFrame.tsx

@@ -0,0 +1,49 @@
+import React, { Component, ReactNode } from 'react';
+
+/**
+ * The type of the React {@code Component} props of {@link OverlayFrame}.
+ */
+interface IProps {
+
+    /**
+     * The children components to be displayed into the overlay frame.
+     */
+    children: ReactNode;
+
+    /**
+     * Indicates the css style of the overlay. If true, then lighter; darker,
+     * otherwise.
+     */
+    isLightOverlay?: boolean;
+
+    /**
+     * The style property.
+     */
+    style?: Object;
+}
+
+/**
+ * Implements a React {@link Component} for the frame of the overlays.
+ */
+export default class OverlayFrame extends Component<IProps> {
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement|null}
+     */
+    override render() {
+        return (
+            <div
+                className = { this.props.isLightOverlay ? 'overlay__container-light' : 'overlay__container' }
+                id = 'overlay'
+                style = { this.props.style }>
+                <div className = { 'overlay__content' }>
+                    {
+                        this.props.children
+                    }
+                </div>
+            </div>
+        );
+    }
+}