omnipay-savings-sdk
Version:
Omnipay Savings SDK
44 lines (43 loc) • 3.31 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NotificationHeader = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_native_1 = require("react-native");
const Button_1 = require("../Button");
const Text_1 = require("../Text");
const utils_1 = require("../../utils");
const SmartImage_1 = require("../Images/SmartImage");
const NotificationHeader = (props) => {
const { containerStyle, headerText, headerChild, onPressBack, showOther, headerOther, } = props;
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!showOther && ((0, jsx_runtime_1.jsxs)(react_native_1.View, Object.assign({ style: [styles.container, containerStyle] }, { children: [(0, jsx_runtime_1.jsx)(Button_1.CustomPressable, Object.assign({ activeOpacity: 0.75, onPress: onPressBack, style: {
flex: 0.125,
} }, { children: (0, jsx_runtime_1.jsx)(SmartImage_1.SmartImage, { source: utils_1.Images.back, style: { width: (0, utils_1.ms)(26), height: (0, utils_1.ms)(26), tintColor: '#061423' } }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { style: {
flex: 0.75,
}, fontSize: (0, utils_1.fontSz)(18), lineHeight: (0, utils_1.fontSz)(19.42), fontWeight: "500", fontFamily: "Gordita-Medium", textAlign: "center", text: `${headerText}`, color: utils_1.Colors.headerText }), headerChild !== null && headerChild !== void 0 ? headerChild : headerChild] }))), showOther && ((0, jsx_runtime_1.jsx)(react_native_1.View, Object.assign({ style: [styles.container, containerStyle] }, { children: headerOther })))] }));
};
exports.NotificationHeader = NotificationHeader;
const Header = (props) => {
const { textStyle, containerStyle, headerText, headerChild, onPressBack } = props;
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(react_native_1.View, Object.assign({ style: [styles.container, containerStyle] }, { children: [(0, jsx_runtime_1.jsx)(Button_1.CustomPressable, Object.assign({ activeOpacity: 0.75, onPress: onPressBack, style: {
flex: 0.125,
} }, { children: (0, jsx_runtime_1.jsx)(SmartImage_1.SmartImage, { source: utils_1.Images.back, style: { width: (0, utils_1.ms)(26), height: (0, utils_1.ms)(26), tintColor: '#061423' } }) })), (0, jsx_runtime_1.jsx)(Text_1.Text, { style: [
{
flex: 0.75,
},
textStyle,
], fontSize: (0, utils_1.fontSz)(18), lineHeight: (0, utils_1.fontSz)(19.42), fontWeight: "500", fontFamily: "Gordita-Medium", textAlign: "center", text: `${headerText}`, color: utils_1.Colors.headerText }), headerChild !== null && headerChild !== void 0 ? headerChild : headerChild] })) }));
};
exports.default = Header;
const styles = react_native_1.StyleSheet.create({
container: {
alignItems: 'center',
flexDirection: 'row',
justifyContent: 'space-between',
paddingHorizontal: (0, utils_1.wp)(10),
marginTop: react_native_1.Platform.select({
ios: (0, utils_1.ms)(10),
android: (0, utils_1.ms)(20),
default: (0, utils_1.ms)(20),
}),
},
});