@meshconnect/react-native-link-sdk
Version:
Mesh Connect React Native SDK.
39 lines (38 loc) • 1.17 kB
JavaScript
/* istanbul ignore file */
import { StyleSheet } from 'react-native';
import { LIGHT_THEME_COLOR_TOP, DARK_THEME_COLOR_TOP } from '../constant';
const createNavBarStyles = (backgroundColor) => StyleSheet.create({
navBarContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
height: 64,
paddingTop: 12,
paddingStart: 6,
paddingEnd: 8,
backgroundColor, // Dynamic background color
},
navBarImgContainer: {
width: 40,
height: 40,
alignItems: 'center',
justifyContent: 'center',
},
navBarImgButton: {
width: 24,
height: 24,
resizeMode: 'contain',
},
navBarLogo: {
height: 18,
resizeMode: 'contain',
},
});
export const useSDKStyles = (isDarkTheme) => {
const backgroundColor = isDarkTheme ? DARK_THEME_COLOR_TOP : LIGHT_THEME_COLOR_TOP;
const statusBarStyle = {
backgroundColor: isDarkTheme ? DARK_THEME_COLOR_TOP : LIGHT_THEME_COLOR_TOP,
};
const navBarStyles = createNavBarStyles(backgroundColor);
return { statusBarStyle, navBarStyles };
};