From df649c1338de0b954651492d53e2b49ec1e77deb Mon Sep 17 00:00:00 2001
From: Enej Bajgoric <enej.bajgoric@automattic.com>
Date: Wed, 17 Jun 2020 14:44:09 +0200
Subject: [PATCH] [Gutenberg Mobile] Add External Link support to React Native
 (#23090)

* [Gutenberg Mobile] Add External Link support to React Native

* Remove the forwardRef
---
 .../src/external-link/index.native.js         | 25 +++++++++++++++++++
 packages/components/src/index.native.js       |  1 +
 2 files changed, 26 insertions(+)
 create mode 100644 packages/components/src/external-link/index.native.js

diff --git a/packages/components/src/external-link/index.native.js b/packages/components/src/external-link/index.native.js
new file mode 100644
index 00000000000000..84b02b2e92775f
--- /dev/null
+++ b/packages/components/src/external-link/index.native.js
@@ -0,0 +1,25 @@
+/**
+ * External dependencies
+ */
+
+import { TouchableOpacity, Text, Linking } from 'react-native';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { external, Icon } from '@wordpress/icons';
+
+export function ExternalLink( { href, children } ) {
+	return (
+		<TouchableOpacity
+			onPress={ () => Linking.openURL( href ) }
+			accessibilityLabel={ __( 'Open link in a browser' ) }
+		>
+			<Text>{ children }</Text>
+			<Icon icon={ external } />
+		</TouchableOpacity>
+	);
+}
+
+export default ExternalLink;
diff --git a/packages/components/src/index.native.js b/packages/components/src/index.native.js
index 6414018950fc1f..10c68ae9b3eb8e 100644
--- a/packages/components/src/index.native.js
+++ b/packages/components/src/index.native.js
@@ -33,6 +33,7 @@ export { default as PanelBody } from './panel/body';
 export { default as PanelActions } from './panel/actions';
 export { default as Button } from './button';
 export { default as __experimentalText } from './text';
+export { default as ExternalLink } from './external-link';
 export { default as TextControl } from './text-control';
 export { default as ToggleControl } from './toggle-control';
 export { default as SelectControl } from './select-control';