From f87ce0defe444e36f166fcedf196807b82bd201f Mon Sep 17 00:00:00 2001
From: Calin Chitu <calinte2002@yahoo.co.uk>
Date: Fri, 27 May 2022 13:32:59 +0300
Subject: [PATCH] fix(recording/native) Button import missing

---
 .../base/react/components/native/Button.js    | 44 +++++++++++++++++++
 .../base/react/components/native/index.js     |  1 +
 2 files changed, 45 insertions(+)
 create mode 100644 react/features/base/react/components/native/Button.js

diff --git a/react/features/base/react/components/native/Button.js b/react/features/base/react/components/native/Button.js
new file mode 100644
index 000000000..ebcb90738
--- /dev/null
+++ b/react/features/base/react/components/native/Button.js
@@ -0,0 +1,44 @@
+/* @flow */
+
+import React, { Component } from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+
+type Props = {
+
+    /**
+     * React Elements to display within the component.
+     */
+    children: React$Node | Object,
+
+    /**
+     * Handler called when the user presses the button.
+     */
+    onValueChange: Function,
+
+    /**
+     * The component's external style.
+     */
+    style: Object
+};
+
+/**
+ * Renders a button.
+ */
+export default class ButtonImpl extends Component<Props> {
+    /**
+     * Implements React's {@link Component#render()}, renders the button.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+        return (
+            <TouchableOpacity
+                onPress = { this.props.onValueChange } >
+                <Text style = { this.props.style }>
+                    { this.props.children }
+                </Text>
+            </TouchableOpacity>
+        );
+    }
+}
diff --git a/react/features/base/react/components/native/index.js b/react/features/base/react/components/native/index.js
index 69f7cf0b3..5c6433a68 100644
--- a/react/features/base/react/components/native/index.js
+++ b/react/features/base/react/components/native/index.js
@@ -2,6 +2,7 @@
 
 export { default as AvatarListItem } from './AvatarListItem';
 export { default as BaseIndicator } from './BaseIndicator';
+export { default as Button } from './Button';
 export { default as Container } from './Container';
 export { default as Image } from './Image';
 export { default as Link } from './Link';