From c9a59bb443052203c146429737fcfdd09e92e017 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Wed, 7 Jan 2026 23:32:51 +0100
Subject: [PATCH] Add variant prop to VideoPlayer component

---
 client/src/components/VideoPlayer.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/VideoPlayer.tsx b/client/src/components/VideoPlayer.tsx
index e8e2e27..65a3ad4 100644
--- a/client/src/components/VideoPlayer.tsx
+++ b/client/src/components/VideoPlayer.tsx
@@ -1,11 +1,13 @@
 interface Props {
   src: string;
+  variant?: 'compact' | 'wide';
 }
 
-export default function VideoPlayer({ src }: Props) {
+export default function VideoPlayer({ src, variant = 'wide' }: Props) {
   if (!src) return null;
+  const className = variant === 'compact' ? 'video-shell compact' : 'video-shell';
   return (
-    <div className="video-shell">
+    <div className={className}>
       <video controls src={src} preload="metadata" />
     </div>
   );