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

react/features/breakout-rooms/components/native/LeaveBreakoutRoomButton.tsx

@@ -0,0 +1,36 @@
+import React, { useCallback } from 'react';
+import { useDispatch } from 'react-redux';
+
+import { createBreakoutRoomsEvent } from '../../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../../analytics/functions';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { moveToRoom } from '../../actions';
+
+import styles from './styles';
+
+/**
+ * Button to leave a breakout rooms.
+ *
+ * @returns {JSX.Element} - The leave breakout room button.
+ */
+const LeaveBreakoutRoomButton = () => {
+    const dispatch = useDispatch();
+
+    const onLeave = useCallback(() => {
+        sendAnalytics(createBreakoutRoomsEvent('leave'));
+        dispatch(moveToRoom());
+    }
+    , [ dispatch ]);
+
+    return (
+        <Button
+            accessibilityLabel = 'breakoutRooms.actions.leaveBreakoutRoom'
+            labelKey = 'breakoutRooms.actions.leaveBreakoutRoom'
+            onClick = { onLeave }
+            style = { styles.button }
+            type = { BUTTON_TYPES.DESTRUCTIVE } />
+    );
+};
+
+export default LeaveBreakoutRoomButton;