From f90defbed702381a808cf282683acb10d43e4492 Mon Sep 17 00:00:00 2001
From: Peder Johnsen <pederjohnsen@opengenius.com>
Date: Thu, 29 Nov 2018 16:09:28 +0000
Subject: [PATCH] Add `Get emoji data from Native` story

---
 stories/index.js | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/stories/index.js b/stories/index.js
index 3cb54d4aa..38c144e4b 100644
--- a/stories/index.js
+++ b/stories/index.js
@@ -11,7 +11,8 @@ import {
   color,
 } from '@storybook/addon-knobs'
 
-import { Picker, Emoji, emojiIndex } from '../dist'
+import { Picker, Emoji, emojiIndex, getEmojiDataFromNative } from '../dist'
+import data from '../data/all.json'
 import '../css/emoji-mart.css'
 
 const SETS = ['apple', 'google', 'twitter', 'emojione', 'messenger', 'facebook']
@@ -214,3 +215,35 @@ storiesOf('Headless Search', module)
       </div>
     )
   })
+
+storiesOf('Get emoji data from Native', module)
+  .addDecorator(withKnobs)
+  .add('Default', () => {
+    let emojiData = getEmojiDataFromNative(
+      text('Unicode', '🤾🏽‍♂️'),
+      select('Emoji pack', SETS, SETS[0]),
+      data
+    )
+    if (!emojiData) {
+      return (
+        <div>
+          Couldn't find emojiData from native string...
+        </div>
+      )
+    }
+
+    return (
+      <div>
+        <Emoji
+          skin={emojiData.skin || null}
+          set={select('Emoji pack', SETS, SETS[0])}
+          emoji={emojiData}
+          size={48}
+        />
+
+        <pre>
+          emojiData: {JSON.stringify(emojiData, null, 2)}
+        </pre>
+      </div>
+    )
+  })