@nexara/nativeflow/lib/commonjs/components/Menu/MenuItem.js

Beautiful, responsive, and customizable UI components for React Native – built for performance and seamless experiences.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _index = require("../StyledComponents/index.js");
var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const MenuItem = ({
  paddingV = 11,
  paddingH = 17,
  gap = 12,
  style,
  children,
  ...rest
}) => {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
      ...rest,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
        paddingHorizontal: (0, _ResponsiveCalculations.horizontalScale)(paddingH),
        paddingVertical: (0, _ResponsiveCalculations.verticalScale)(paddingV),
        flexDirection: "row",
        align: "center",
        gap: (0, _ResponsiveCalculations.moderateScale)(gap),
        style: style,
        children: children
      })
    })
  });
};
var _default = exports.default = MenuItem;
//# sourceMappingURL=MenuItem.js.map