From 18a5f4e5cbb349562a939190d4bdac379dc049c9 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 19 Dec 2019 19:34:12 -0800
Subject: [PATCH] refactor(skeleton-placeholder): forward events

Supports #7
---
 .../SkeletonPlaceholder/SkeletonPlaceholder.stories.js        | 2 +-
 src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js
index d660ec41..7a1b54f6 100644
--- a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js
+++ b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.stories.js
@@ -1,7 +1,7 @@
 import { withKnobs, select } from '@storybook/addon-knobs';
 import Component from './SkeletonPlaceholder.Story.svelte';
 
-export default { title: 'Skeleton Placeholder', decorators: [withKnobs] };
+export default { title: 'SkeletonPlaceholder', decorators: [withKnobs] };
 
 const classes = {
   'my--skeleton__placeholder--small': 'my--skeleton__placeholder--small',
diff --git a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte
index 94b8e9b7..46ccad33 100644
--- a/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte
+++ b/src/components/SkeletonPlaceholder/SkeletonPlaceholder.svelte
@@ -1,11 +1,11 @@
 <script>
   let className = undefined;
   export { className as class };
-  export let props = {};
+  export let style = undefined;
 
   import { cx } from '../../lib';
 
   const _class = cx('--skeleton__placeholder', className);
 </script>
 
-<div {...props} class={_class} />
+<div on:click on:mouseover on:mouseenter on:mouseleave {style} class={_class} />