@kirz/react-native-toolkit/lib/commonjs/components/Menu/MenuListItem.js

Toolkit to speed up React Native development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MenuListItem = MenuListItem;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _useMenu = require("../../hooks/useMenu");
var _scale = require("../../utils/scale");
var _Text = require("../Text");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function MenuListItem(_ref) {
  let {
    item,
    textStyle,
    ...props
  } = _ref;
  const {
    closeMenu
  } = (0, _useMenu.useMenu)();
  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, props, {
    onPress: e => {
      var _props$onPress;
      closeMenu();
      props === null || props === void 0 ? void 0 : (_props$onPress = props.onPress) === null || _props$onPress === void 0 ? void 0 : _props$onPress.call(props, e);
      item.onPress();
    },
    style: [{
      flexDirection: 'row',
      paddingVertical: (0, _scale.scaleY)(10),
      paddingHorizontal: (0, _scale.scaleX)(20),
      alignItems: 'center'
    }, props.style]
  }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
    style: textStyle
  }, item.text));
}
//# sourceMappingURL=MenuListItem.js.map