viettel-ekyc-sdk
Version:
42 lines • 1.47 kB
JavaScript
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { OS } from '../constants/OS';
export const Header = ({ title, subTitle, leftComponent, rightComponent, titleStyle, subTitleStyle, style, }) => {
return (React.createElement(View, { style: { ...styles.headerContainer, ...style } },
leftComponent || React.createElement(View, null),
React.createElement(View, { style: styles.titleContainer },
React.createElement(Text, { style: { ...styles.mainTitle, ...titleStyle } }, title),
subTitle ? (React.createElement(Text, { style: { ...styles.subTitle, ...subTitleStyle } }, subTitle)) : null),
rightComponent || React.createElement(View, null)));
};
const styles = StyleSheet.create({
headerContainer: {
flexDirection: 'row',
alignItems: 'center',
alignContent: 'space-between',
justifyContent: 'center',
position: 'absolute',
top: OS.STATUS_BAR_HEIGHT + 10,
left: 0,
right: 0,
zIndex: 20,
},
titleContainer: {
flexDirection: 'column',
alignItems: 'center',
alignContent: 'center',
justifyContent: 'center',
},
mainTitle: {
color: 'black',
fontSize: 17,
letterSpacing: -0.41,
fontWeight: '700',
},
subTitle: {
marginTop: 10,
color: 'black',
fontSize: 14,
},
});
//# sourceMappingURL=Header.js.map