From 4caa6f59066fc11cd4e0e617b7eb881b5ba87805 Mon Sep 17 00:00:00 2001
From: matthieu42morin <matthieu.bernard.morin@gmail.com>
Date: Thu, 18 Apr 2024 20:39:37 +0200
Subject: [PATCH] flowbite video

---
 src/lib/components/Video.svelte | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/lib/components/Video.svelte

diff --git a/src/lib/components/Video.svelte b/src/lib/components/Video.svelte
new file mode 100644
index 0000000..a920702
--- /dev/null
+++ b/src/lib/components/Video.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { twMerge } from 'tailwind-merge';
+
+	export let src: string;
+	export let type: string = 'video/mp4';
+	export let trackSrc: string = '';
+	export let srclang: string = 'en';
+	export let label: string = 'english_captions';
+
+	let videoClass = twMerge($$props.class);
+</script>
+
+<video {...$$restProps} class={videoClass}>
+	<source {src} {type} />
+	<slot />
+	<track src={trackSrc} kind="captions" {srclang} {label} />
+	Your browser does not support the video tag.
+</video>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let src: string;
+@prop export let type: string = 'video/mp4';
+@prop export let trackSrc: string = '';
+@prop export let srclang: string = 'en';
+@prop export let label: string = 'english_captions';
+-->