From 7a5cbcb9c637a7f1d1e1e0a7f8f472c6275dfe8f Mon Sep 17 00:00:00 2001
From: Elijah Duffy <elijah@thatoneguy.ca>
Date: Mon, 2 Feb 2026 18:44:38 -0800
Subject: [PATCH] add class to jitsi

---
 src/lib/Jitsi.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/lib/Jitsi.svelte b/src/lib/Jitsi.svelte
index d86b374..8abe1f1 100644
--- a/src/lib/Jitsi.svelte
+++ b/src/lib/Jitsi.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { type JitsiMeetExternalAPIOptions, JitsiMeetExternalAPI } from './jitsi-iframe-api.js';
+	import type { ClassValue } from 'svelte/elements';
 
 	interface Props {
 		/**
@@ -13,9 +14,13 @@
 		 * The options to be passed to the Jitsi Meet External API.
 		 */
 		options: JitsiMeetExternalAPIOptions;
+		/**
+		 * Additional CSS classes to apply to the Jitsi container.
+		 */
+		class?: ClassValue;
 	}
 
-	let { domain = 'https://meet.jit.si', options }: Props = $props();
+	let { domain = 'https://meet.jit.si', options, class: classValue }: Props = $props();
 
 	const src = $derived(`${new URL('external_api.js', domain).toString()}`);
 
@@ -48,4 +53,4 @@
 	<script {src}></script>
 </svelte:head>
 
-<div id="jitsi-container" bind:this={container}></div>
+<div id="jitsi-container" bind:this={container} class={[classValue]}></div>