Adds optional nameplate prop to ContentShare (#880)

* Adds optional nameplate prop to ContentShare

* Adds docs + changelog changes

* Changes name of ContentShare nameplate in docs, fixes changelog.

---------

Co-authored-by: Trung Le <[email protected]>

Author: Amethystix

CHANGELOG.md

@@ -16,7 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Removed
 
 ### Changed
-
+- Updated `ContentShare` to have optional nameplate prop.
 ### Fixed
 - Fix a bug where the `isVideoEnabled` is still true even when the video device is unplugged. 
 

src/components/sdk/ContentShare/ContentShare.stories.mdx

@@ -32,7 +32,7 @@ const App = () => {
 
   return (
     <MeetingProvider>
-      <ContentShare />
+      <ContentShare nameplate='Content share' />
       <button onClick={toggleContentShare}>Toggle content share</button>
     </MeetingProvider>
   );

src/components/sdk/ContentShare/index.tsx

@@ -8,7 +8,9 @@ import { useContentShareState } from '../../../providers/ContentShareProvider';
 import { ContentTile } from '../../ui/ContentTile';
 import { BaseSdkProps } from '../Base';
 
-interface Props extends BaseSdkProps {}
+interface Props extends BaseSdkProps {
+  nameplate?: string;
+}
 
 export const ContentShare: React.FC<Props> = ({ className, ...rest }) => {
   const audioVideo = useAudioVideo();