From ca68828db9c5b0430fc61034c4d9178cea405d2b Mon Sep 17 00:00:00 2001
From: Enej Bajgoric <enej.bajgoric@automattic.com>
Date: Tue, 6 Jul 2021 22:45:50 -0700
Subject: [PATCH] Move Help Text

---
 docs/manifest.json                                |  6 ++++++
 .../src/{mobile => }/help-text/README.md          |  0
 packages/components/src/help-text/index.js        | 15 +++++++++++++++
 .../src/{mobile => }/help-text/index.native.js    |  0
 .../src/{mobile => }/help-text/styles.scss        |  0
 packages/components/src/index.js                  |  1 +
 packages/components/src/index.native.js           |  2 +-
 7 files changed, 23 insertions(+), 1 deletion(-)
 rename packages/components/src/{mobile => }/help-text/README.md (100%)
 create mode 100644 packages/components/src/help-text/index.js
 rename packages/components/src/{mobile => }/help-text/index.native.js (100%)
 rename packages/components/src/{mobile => }/help-text/styles.scss (100%)

diff --git a/docs/manifest.json b/docs/manifest.json
index ede0e009f199fe..40b69f05ec1707 100644
--- a/docs/manifest.json
+++ b/docs/manifest.json
@@ -935,6 +935,12 @@
 		"markdown_source": "../packages/components/src/heading/README.md",
 		"parent": "components"
 	},
+	{
+		"title": "HelpText",
+		"slug": "help-text",
+		"markdown_source": "../packages/components/src/help-text/README.md",
+		"parent": "components"
+	},
 	{
 		"title": "NavigateRegions",
 		"slug": "navigate-regions",
diff --git a/packages/components/src/mobile/help-text/README.md b/packages/components/src/help-text/README.md
similarity index 100%
rename from packages/components/src/mobile/help-text/README.md
rename to packages/components/src/help-text/README.md
diff --git a/packages/components/src/help-text/index.js b/packages/components/src/help-text/index.js
new file mode 100644
index 00000000000000..e0f67e3409a229
--- /dev/null
+++ b/packages/components/src/help-text/index.js
@@ -0,0 +1,15 @@
+/**
+ * WordPress dependencies
+ */
+import { ExternalLink } from '@wordpress/components';
+
+const HelpText = ( { moreLinkText, children, url } ) => {
+	return (
+		<div>
+			{ children }
+			{ url && <ExternalLink url={ url }>{ moreLinkText }</ExternalLink> }
+		</div>
+	);
+};
+
+export default HelpText;
diff --git a/packages/components/src/mobile/help-text/index.native.js b/packages/components/src/help-text/index.native.js
similarity index 100%
rename from packages/components/src/mobile/help-text/index.native.js
rename to packages/components/src/help-text/index.native.js
diff --git a/packages/components/src/mobile/help-text/styles.scss b/packages/components/src/help-text/styles.scss
similarity index 100%
rename from packages/components/src/mobile/help-text/styles.scss
rename to packages/components/src/help-text/styles.scss
diff --git a/packages/components/src/index.js b/packages/components/src/index.js
index 6a6097486e6307..fcbacbb30ed31a 100644
--- a/packages/components/src/index.js
+++ b/packages/components/src/index.js
@@ -74,6 +74,7 @@ export { Grid as __experimentalGrid } from './grid';
 export { default as Guide } from './guide';
 export { default as GuidePage } from './guide/page';
 export { Heading as __experimentalHeading } from './heading';
+export { default as HelpText } from './help-text';
 export { HStack as __experimentalHStack } from './h-stack';
 export { default as Icon } from './icon';
 export { default as IconButton } from './button/deprecated';
diff --git a/packages/components/src/index.native.js b/packages/components/src/index.native.js
index 74b89fbb93274a..73e4ea90743c83 100644
--- a/packages/components/src/index.native.js
+++ b/packages/components/src/index.native.js
@@ -38,6 +38,7 @@ 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 HelpText } from './help-text';
 export { default as TextControl } from './text-control';
 export { default as ToggleControl } from './toggle-control';
 export { default as SelectControl } from './select-control';
@@ -101,7 +102,6 @@ export { default as InserterButton } from './mobile/inserter-button';
 export { setClipboard, getClipboard } from './mobile/clipboard';
 export { default as AudioPlayer } from './mobile/audio-player';
 export { default as Badge } from './mobile/badge';
-export { default as HelpText } from './mobile/help-text';
 
 // Utils
 export { colorsUtils } from './mobile/color-settings/utils';