@kirz/react-native-toolkit
Version:
Toolkit to speed up React Native development
33 lines • 1.31 kB
JavaScript
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