From f05a472585b2506da21aed71f0252b2d4c04a221 Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Mon, 5 Feb 2024 04:15:02 +0530
Subject: React Slides

* Adds useState
* State
* useEffect
* Side Effects
---
 src/lib/components/media.svelte | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/lib/components/media.svelte

(limited to 'src/lib/components/media.svelte')

diff --git a/src/lib/components/media.svelte b/src/lib/components/media.svelte
new file mode 100644
index 0000000..ffa2633
--- /dev/null
+++ b/src/lib/components/media.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	type Bool = boolean | null
+	type Element = 'video' | 'img' | 'iframe'
+
+	export let type: Element
+	export let src: string
+	export let autoplay: Bool = null
+	export let preload: Bool = null
+
+	delete $$restProps.class
+</script>
+
+<svelte:element
+	this={type}
+	data-src={src}
+	data-autoplay={autoplay}
+	data-prelod={preload}
+	class={$$props.class || ''}
+	{...$$restProps}
+>
+	<slot />
+</svelte:element>
-- 
cgit v1.2.3

