"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = EmojiKeyboard;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const data = require('./emoji.json');
function EmojiKeyboard(props) {
  const renderItem = _ref => {
    let {
      item,
      index
    } = _ref;
    return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
      onPress: () => {
        if (props.onSelected) {
          props.onSelected(item.emoji);
        }
      },
      style: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        height: 56
      }
    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      style: {
        textAlign: 'center',
        fontSize: 20,
        color: 'black'
      }
    }, item.char));
  };
  return /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
    style: {
      maxHeight: 300,
      backgroundColor: 'white'
    },
    removeClippedSubviews: true,
    data: data,
    keyExtractor: (item, index) => item.codes + '',
    renderItem: renderItem,
    numColumns: 9
  });
}
//# sourceMappingURL=index.js.map