import React from 'react' import ReactDOM from 'react-dom' import { Picker, Emoji } from '../src' const CUSTOM_EMOJIS = [ { name: 'Party Parrot', short_names: ['parrot'], keywords: ['party'], imageUrl: './images/parrot.gif' }, { name: 'Octocat', short_names: ['octocat'], keywords: ['github'], imageUrl: 'https://github.githubassets.com/images/icons/emoji/octocat.png' }, { name: 'Squirrel', short_names: ['shipit', 'squirrel'], keywords: ['github'], imageUrl: 'https://github.githubassets.com/images/icons/emoji/shipit.png' }, { name: 'Test Flag', short_names: ['test'], keywords: ['test', 'flag'], spriteUrl: 'https://unpkg.com/emoji-datasource-twitter@4.0.4/img/twitter/sheets-256/64.png', sheet_x: 1, sheet_y: 1, size: 64, sheetColumns: 52, sheetRows: 52, }, ] class Example extends React.Component { constructor(props) { super(props) this.state = { native: true, set: 'apple', emoji: 'point_up', title: 'Pick your emoji…', custom: CUSTOM_EMOJIS, } } render() { return

Emoji Mart 🏬

{['native', 'apple', 'google', 'twitter', 'emojione', 'messenger', 'facebook'].map((set) => { var props = { disabled: !this.state.native && set == this.state.set } if (set == 'native' && this.state.native) { props.disabled = true } return })}
} } ReactDOM.render(, document.querySelector('#picker'))