docs: ✏️ add basic usage docs

Author: device25

docs/basic-usage.md

@@ -0,0 +1,16 @@
+```jsx
+import React from 'react';
+import MapGL from '@urbica/react-map-gl';
+import Draw from '@urbica/react-map-gl-draw';  
+
+<MapGL
+  style={{ width: "100%", height: "400px" }}
+  mapStyle="mapbox://styles/mapbox/light-v9"
+  accessToken={MAPBOX_ACCESS_TOKEN}
+  latitude={37.78}
+  longitude={-122.41}
+  zoom={11}
+>
+  <Draw />
+</MapGL>
+```

src/components/Draw/Draw.md renamed to src/components/Draw/README.md

@@ -2,7 +2,25 @@ const path = require('path');
 const webpack = require('webpack');
 
 module.exports = {
+  title: 'Urbica React Map GL Draw',
+  moduleAliases: {
+    '@urbica/react-map-gl-draw': path.resolve(__dirname, 'src')
+  },
   require: [path.resolve(__dirname, 'styleguide.setup.js')],
+  sections: [
+    {
+      name: 'Examples',
+      components: () => [
+        'docs/basic-usage.md'
+      ],
+      exampleMode: 'expand'
+    },
+    {
+      name: 'Props',
+      components: 'src/components/**/index.js',
+      usageMode: 'expand'
+    }
+  ],
   dangerouslyUpdateWebpackConfig: (webpackConfig) => {
     const envPlugin = new webpack.EnvironmentPlugin(['MAPBOX_ACCESS_TOKEN']);
     webpackConfig.plugins.push(envPlugin);