CDC #115 - Adding ability to pass children to MapDraw component

packages/geospatial/src/components/MapDraw.js

@@ -13,14 +13,20 @@ import React, {
   useEffect,
   useMemo,
   useRef,
-  useState
+  useState,
+  type Node
 } from 'react';
 import Map, { MapRef } from 'react-map-gl';
 import _ from 'underscore';
 import DrawControl from './DrawControl';
 import './MapDraw.css';
 
 type Props = {
+  /**
+   * Additional child nodes to render.
+   */
+  children?: Node,
+
   /**
    * GeoJSON structured data to be displayed on the map.
    */
@@ -123,6 +129,7 @@ const MapDraw = (props: Props) => {
         onUpdate={onChange}
         onDelete={onChange}
       />
+      { ...props.children }
     </Map>
   );
 };