#### Default

```jsx
<util.ConversationContext theme={util.theme}>
  <EmojiPicker
    i18n={util.i18n}
    onPickEmoji={e => console.log('onPickEmoji', e)}
    onSetSkinTone={t => console.log('onSetSkinTone', t)}
    onClose={() => console.log('onClose')}
    recentEmojis={[
      'grinning',
      'grin',
      'joy',
      'rolling_on_the_floor_laughing',
      'smiley',
      'smile',
      'sweat_smile',
      'laughing',
      'wink',
      'blush',
      'yum',
      'sunglasses',
      'heart_eyes',
      'kissing_heart',
      'kissing',
      'kissing_smiling_eyes',
      'kissing_closed_eyes',
      'relaxed',
      'slightly_smiling_face',
      'hugging_face',
      'grinning_face_with_star_eyes',
      'thinking_face',
      'face_with_one_eyebrow_raised',
      'neutral_face',
      'expressionless',
      'no_mouth',
      'face_with_rolling_eyes',
      'smirk',
      'persevere',
      'disappointed_relieved',
      'open_mouth',
      'zipper_mouth_face',
    ]}
  />
</util.ConversationContext>
```

#### No Recents

```jsx
<util.ConversationContext theme={util.theme}>
  <EmojiPicker
    i18n={util.i18n}
    onPickEmoji={e => console.log('onPickEmoji', e)}
    onSetSkinTone={t => console.log('onSetSkinTone', t)}
    onClose={() => console.log('onClose')}
    recentEmojis={[]}
  />
</util.ConversationContext>
```