From 8416b8b14d38c97713f7badbea67ee1c69d68699 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 11 Jan 2020 18:39:47 -0800
Subject: [PATCH] feat(accordion): add skeleton state

---
 src/components/Accordion/Accordion.svelte | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/Accordion/Accordion.svelte b/src/components/Accordion/Accordion.svelte
index 2193ec25..8b191c09 100644
--- a/src/components/Accordion/Accordion.svelte
+++ b/src/components/Accordion/Accordion.svelte
@@ -3,9 +3,26 @@
   export { className as class };
   export let style = undefined;
 
+  export let skeleton = false;
+  export let count = 4;
+  export let open = true;
+
   import { cx } from '../../lib';
+  import AccordionSkeleton from './Accordion.Skeleton.svelte';
 </script>
 
-<ul on:click on:mouseover on:mouseenter on:mouseleave class={cx('--accordion', className)} {style}>
-  <slot />
-</ul>
+{#if skeleton}
+  <AccordionSkeleton {count} {open} class={className} {style} />
+{/if}
+
+{#if !skeleton}
+  <ul
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+    class={cx('--accordion', className)}
+    {style}>
+    <slot />
+  </ul>
+{/if}