From 2d97cdfadab56c54741e7871d717d911d60c728f Mon Sep 17 00:00:00 2001
From: Ward Oosterlijnck <wardoosterlijnck@gmail.com>
Date: Thu, 17 Oct 2019 00:28:30 +1100
Subject: [PATCH] More fun story

---
 src/__stories__/useSlider.story.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/__stories__/useSlider.story.tsx b/src/__stories__/useSlider.story.tsx
index b902951ed2..fffd3ac60b 100644
--- a/src/__stories__/useSlider.story.tsx
+++ b/src/__stories__/useSlider.story.tsx
@@ -9,11 +9,11 @@ const Demo = () => {
 
   return (
     <div>
-      <div ref={ref} style={{ position: 'relative', background: 'lightgray', padding: 4 }}>
-        <p style={{ margin: 0, textAlign: 'center', color: state.isSliding ? 'red' : 'green' }}>
-          {Math.round(state.value * 100)}%
-        </p>
-        <div style={{ position: 'absolute', top: 0, left: state.value * state.length - 10 }}>🎚</div>
+      <div ref={ref} style={{ position: 'relative', background: 'yellow', padding: 4 }}>
+        <p style={{ margin: 0, textAlign: 'center' }}>Slide me</p>
+        <div style={{ position: 'absolute', top: 0, left: state.pos, transform: 'scale(2)' }}>
+          {state.isSliding ? '🏂' : '🎿'}
+        </div>
       </div>
       <pre>{JSON.stringify(state, null, 2)}</pre>
     </div>