From 4fb49c546a25c9715e87e31e664898651cdf38cd Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Tue, 14 Dec 2021 15:28:05 -0800
Subject: [PATCH] Add wrapper for TransitionChild

---
 .../transitions/TransitionChildWrapper.svelte | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/lib/components/transitions/TransitionChildWrapper.svelte

diff --git a/src/lib/components/transitions/TransitionChildWrapper.svelte b/src/lib/components/transitions/TransitionChildWrapper.svelte
new file mode 100644
index 0000000..098e1c3
--- /dev/null
+++ b/src/lib/components/transitions/TransitionChildWrapper.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { hasOpenClosed } from "$lib/internal/open-closed";
+  import TransitionChild from "./TransitionChild.svelte";
+  import TransitionRoot, {
+    hasTransitionContext,
+  } from "./TransitionRoot.svelte";
+
+  let hasTransition = hasTransitionContext();
+  let hasOpen = hasOpenClosed();
+</script>
+
+{#if !hasTransition && hasOpen}
+  <TransitionRoot {...$$props}>
+    <slot />
+  </TransitionRoot>
+{:else}
+  <TransitionChild {...$$props}>
+    <slot />
+  </TransitionChild>
+{/if}