Merge pull request #114 from ubilabs/docs/add-useStreetViewPanorama

docs(useStreetViewPanorama): add readme for useStreetViewPanorama hook

Author: BiniCodes

library/docs/useStreetViewPanorama.md

@@ -0,0 +1,87 @@
+# `useStreetViewPanorama` Hook
+
+React hook to use the [Street View Panorama](https://developers.google.com/maps/documentation/javascript/streetview) in any component.
+
+## Usage
+The `StreetViewPanorama` can either be used within a DOM element, like a `<div>` element:
+
+```tsx
+import React, {useEffect} from 'react';
+import {
+  useGoogleMap,
+  useStreetViewPanorama
+} from '@ubilabs/google-maps-react-hooks';
+
+const MyComponent = () => {
+const [divContainer, setDivContainer] = useState<HTMLDivElement | null>(null);
+
+  const divRef = useCallback(
+    (node: React.SetStateAction<HTMLDivElement | null>) => {
+      node && setDivContainer(node);
+    },
+    []
+  );
+
+  const map = useGoogleMap();
+
+  const position = /** google.maps.LatLng */;
+  const pov = /** google.maps.StreetViewPov */;
+
+  const panorama = useStreetViewPanorama({
+    divElement: divContainer,
+    position,
+    pov
+  });
+
+  return <div className={styles.pano} ref={divRef} />;
+};
+```
+
+or be created on its own to be used by the map:
+
+
+```tsx
+import React, {useEffect} from 'react';
+import {
+  useGoogleMap,
+  useStreetViewPanorama
+} from '@ubilabs/google-maps-react-hooks';
+
+const MyComponent = () => {
+  const position = /** google.maps.LatLng */;
+  const pov = /** google.maps.StreetViewPov */;
+
+  useStreetViewPanorama({
+    position,
+    pov
+  });
+
+  return null;
+};
+```
+**NOTE**:
+The map instance is only created and can be used with the `useStreetViewPanorama` hook when the `mapContainer` is passed to the `GoogleMapsProvider`. 
+
+
+## Return value
+
+Returns a [`StreetViewPanorama`](google.maps.StreetViewPanorama) instance to use directly.
+
+```TypeScript
+google.maps.StreetViewPanorama
+```
+
+## Parameters
+
+### StreetViewPanoramaProps
+
+Optional options that can be passed to display a street view location: [Street View Locations and Point-of-View (POV)](https://developers.google.com/maps/documentation/javascript/streetview#StreetViewLocation).
+
+```TypeScript
+interface StreetViewPanoramaProps {
+  divElement?: HTMLElement | null;
+  position?: google.maps.LatLng | google.maps.LatLngLiteral;
+  pov?: google.maps.StreetViewPov;
+  zoom?: number;
+}
+```