@stripe/stripe-react-native
Version:
Stripe SDK for React Native
2 lines • 1.06 kB
JavaScript
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ModalCloseButton;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/Users/tianzhao/stripe/stripe-react-native/src/connect/ModalCloseButton.tsx";var size=36;var hitSlop={top:10,bottom:10,left:10,right:10};function ModalCloseButton(_ref){var onPress=_ref.onPress;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:onPress,accessibilityRole:"button",hitSlop:hitSlop,style:[styles.button,{width:size,height:size,borderRadius:size/2}],activeOpacity:0.7,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.cross,{fontSize:Math.round(size*0.6)}],children:"\xD7"})});}var styles=_reactNative.StyleSheet.create({button:{alignItems:'center',justifyContent:'center'},cross:{lineHeight:undefined,includeFontPadding:false,textAlign:'center'}});
//# sourceMappingURL=ModalCloseButton.js.map