From aadc8d9bf1f40e54c6f77eb7965ca9f3066af616 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 27 Jul 2020 20:13:39 -0700
Subject: [PATCH] chore(tabs): add count prop for tabs skeleton

---
 src/Tabs/TabsSkeleton.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Tabs/TabsSkeleton.svelte b/src/Tabs/TabsSkeleton.svelte
index 14489959..1f71ec9d 100644
--- a/src/Tabs/TabsSkeleton.svelte
+++ b/src/Tabs/TabsSkeleton.svelte
@@ -1,3 +1,11 @@
+<script>
+  /**
+   * Specify the number of tabs to render
+   * @type {number} [count=4]
+   */
+  export let count = 4;
+</script>
+
 <div
   class:bx--tabs={true}
   class:bx--skeleton={true}
@@ -13,7 +21,7 @@
     </svg>
   </div>
   <ul class:bx--tabs__nav={true} class:bx--tabs__nav--hidden={true}>
-    {#each [0, 1, 2, 3] as item, i (item)}
+    {#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
       <li class:bx--tabs__nav-item={true}>
         <div class:bx--tabs__nav-link={true}>&nbsp;</div>
       </li>