@meshconnect/react-native-link-sdk
Version:
Mesh Connect React Native SDK.
20 lines (19 loc) • 1.02 kB
JavaScript
import React from 'react';
import { SafeAreaView, StatusBar, View } from 'react-native';
import { useSDKStyles } from './SDKContainer.styled';
import { DARK_THEME_COLOR_TOP, LIGHT_THEME_COLOR_TOP, DARK_THEME_COLOR_BOTTOM, LIGHT_THEME_COLOR_BOTTOM } from '../constant';
export const SDKContainer = ({ children, isDarkTheme }) => {
const { statusBarStyle } = useSDKStyles(isDarkTheme);
const topColor = isDarkTheme ? DARK_THEME_COLOR_TOP : LIGHT_THEME_COLOR_TOP;
const bottomColor = isDarkTheme ? DARK_THEME_COLOR_BOTTOM : LIGHT_THEME_COLOR_BOTTOM;
return (<View style={{ flex: 1 }} testID={'link-connect-component'}>
<SafeAreaView style={{ flex: 0, backgroundColor: topColor }}/>
<SafeAreaView style={{ flex: 1, backgroundColor: bottomColor }}>
<StatusBar backgroundColor={statusBarStyle.backgroundColor}/>
<View style={{ flex: 1 }}>
{children}
</View>
</SafeAreaView>
<SafeAreaView style={{ flex: 0, backgroundColor: bottomColor }}/>
</View>);
};