1 files changed, 42 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/map/add-point/index.js b/plugins/jetpack/extensions/blocks/map/add-point/index.js
new file mode 100644
index 00000000..a4c6e2e1
--- /dev/null
+++ b/plugins/jetpack/extensions/blocks/map/add-point/index.js
@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { Component } from '@wordpress/element';
+import { Button, Dashicon, Popover } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import './style.scss';
+import LocationSearch from '../location-search';
+
+export class AddPoint extends Component {
+	render() {
+		const { onClose, onAddPoint, onError, apiKey } = this.props;
+		return (
+			<Button className="component__add-point">
+				{ __( 'Add marker', 'jetpack' ) }
+				<Popover className="component__add-point__popover">
+					<Button className="component__add-point__close" onClick={ onClose }>
+						<Dashicon icon="no" />
+					</Button>
+					<LocationSearch
+						onAddPoint={ onAddPoint }
+						label={ __( 'Add a location', 'jetpack' ) }
+						apiKey={ apiKey }
+						onError={ onError }
+					/>
+				</Popover>
+			</Button>
+		);
+	}
+}
+
+AddPoint.defaultProps = {
+	onAddPoint: () => {},
+	onClose: () => {},
+	onError: () => {},
+};
+
+export default AddPoint;