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

react/features/prejoin/components/web/Label.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+
+interface IProps {
+
+    /**
+     * The text for the Label.
+     */
+    children: React.ReactElement;
+
+    /**
+     * The CSS class of the label.
+     */
+    className?: string;
+
+    /**
+     * The (round) number prefix for the Label.
+     */
+    number?: string | number;
+
+    /**
+     * The click handler.
+     */
+    onClick?: (e?: React.MouseEvent) => void;
+}
+
+/**
+ *  Label for the dialogs.
+ *
+ *  @returns {ReactElement}
+ */
+function Label({ children, className, number, onClick }: IProps) {
+    const containerClass = className
+        ? `prejoin-dialog-label ${className}`
+        : 'prejoin-dialog-label';
+
+    return (
+        <div
+            className = { containerClass }
+            onClick = { onClick }>
+            {number && <div className = 'prejoin-dialog-label-num'>{number}</div>}
+            <span>{children}</span>
+        </div>
+    );
+}
+
+export default Label;