1 files changed, 14 insertions, 0 deletions
diff --git a/frontend/src/lib/tabs/Tab.svelte b/frontend/src/lib/tabs/Tab.svelte
new file mode 100644
index 0000000..0a6be57
--- /dev/null
+++ b/frontend/src/lib/tabs/Tab.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { getTabContext } from '$lib/Tabs';
+	import { fadeDefault } from '$lib/Transitions';
+	import { fade } from 'svelte/transition';
+
+	const context = getTabContext();
+	export let id: string;
+</script>
+
+{#if $context.current === id}
+	<div class="h-full overflow-auto py-2 pe-3" in:fade={fadeDefault}>
+		<slot />
+	</div>
+{/if}