feat(inline video): add videoClassName prop (#993)

* feat: add videoClassName prop to inline-video * Create soft-pandas-reflect.md
hashicorp · Aug 9, 2023 · 2bd1ec6 · 2bd1ec6 · vercel · Aug 9, 2023
1 parent 37cc019
commit 2bd1ec6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/soft-pandas-reflect.md b/.changeset/soft-pandas-reflect.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/react-inline-video": minor
+---
+
+feat(inline video): add `videoClassName` prop
diff --git a/packages/inline-video/index.tsx b/packages/inline-video/index.tsx
@@ -17,6 +17,7 @@ export default function InlineVideo(props: InlineVideoProps) {
     url,
     description,
     solution,
+    videoClassName,
   } = props
 
   const playerProps = {
@@ -44,7 +45,7 @@ export default function InlineVideo(props: InlineVideoProps) {
       data-testid="wpl-inline-video"
     >
       <div className={classNames(s.videoContainer, solution && s[solution])}>
-        <div className={s.video}>
+        <div className={classNames(s.video, videoClassName)}>
           {hasWindow ? (
             <>
               {url.includes('wistia') ? (

diff --git a/packages/inline-video/types.ts b/packages/inline-video/types.ts
@@ -9,4 +9,5 @@ export interface InlineVideoProps {
   description?: string
   solution?: 'infrastructure' | 'security' | 'networking' | 'applications'
   gradientPosition?: 'left' | 'right' | false
+  videoClassName?: string
 }