UNPKG

@kirz/react-native-toolkit

Version:

Toolkit to speed up React Native development

33 lines 1.31 kB
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); } import React from 'react'; import { TouchableOpacity } from 'react-native'; import { useMenu } from '../../hooks/useMenu'; import { scaleX, scaleY } from '../../utils/scale'; import { Text } from '../Text'; export function MenuListItem(_ref) { let { item, textStyle, ...props } = _ref; const { closeMenu } = useMenu(); return /*#__PURE__*/React.createElement(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: scaleY(10), paddingHorizontal: scaleX(20), alignItems: 'center' }, props.style] }), /*#__PURE__*/React.createElement(Text, { style: textStyle }, item.text)); } //# sourceMappingURL=MenuListItem.js.map