1*f500022eSBartosz Kaszubowskiimport React, { PropsWithChildren } from 'react'; 2e331da1dSEvan Baconimport { 3e331da1dSEvan Bacon Image, 4e331da1dSEvan Bacon StyleSheet, 5e331da1dSEvan Bacon Text, 6e331da1dSEvan Bacon TouchableOpacity, 7*f500022eSBartosz Kaszubowski TouchableOpacityProps, 8e331da1dSEvan Bacon View, 9e331da1dSEvan Bacon} from 'react-native'; 1069185572SBartłomiej Bukowski 1169185572SBartłomiej Bukowskiconst googleIcon = { 126da15324SBartosz Kaszubowski uri: 'https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Google_%22G%22_Logo.svg/200px-Google_%22G%22_Logo.svg.png', 1369185572SBartłomiej Bukowski}; 1469185572SBartłomiej Bukowski 15*f500022eSBartosz Kaszubowskitype Props = PropsWithChildren<TouchableOpacityProps>; 16*f500022eSBartosz Kaszubowski 17*f500022eSBartosz Kaszubowskiconst GoogleSignInButton = ({ children, style, disabled, ...props }: Props) => ( 1869185572SBartłomiej Bukowski <TouchableOpacity 1974967a3cSCharlie Cruzan disabled={disabled} 2069185572SBartłomiej Bukowski activeOpacity={0.6} 2169185572SBartłomiej Bukowski style={StyleSheet.flatten([styles.touchable, style])} 22e331da1dSEvan Bacon {...props}> 2369185572SBartłomiej Bukowski <View style={styles.content}> 2469185572SBartłomiej Bukowski <Image source={googleIcon} style={styles.icon} /> 2569185572SBartłomiej Bukowski <Text style={styles.text}>{children}</Text> 2669185572SBartłomiej Bukowski </View> 2769185572SBartłomiej Bukowski </TouchableOpacity> 2869185572SBartłomiej Bukowski); 2969185572SBartłomiej Bukowski 3069185572SBartłomiej Bukowskiconst styles = StyleSheet.create({ 3169185572SBartłomiej Bukowski touchable: { 3269185572SBartłomiej Bukowski shadowOpacity: 0.2, 3369185572SBartłomiej Bukowski shadowRadius: 1.5, 3469185572SBartłomiej Bukowski shadowOffset: { width: 0, height: 1 }, 3569185572SBartłomiej Bukowski overflow: 'visible', 3669185572SBartłomiej Bukowski shadowColor: 'black', 3769185572SBartłomiej Bukowski backgroundColor: 'white', 3869185572SBartłomiej Bukowski borderRadius: 4, 3969185572SBartłomiej Bukowski }, 4069185572SBartłomiej Bukowski content: { 4169185572SBartłomiej Bukowski flexDirection: 'row', 4269185572SBartłomiej Bukowski paddingHorizontal: 16, 4369185572SBartłomiej Bukowski paddingVertical: 12, 4469185572SBartłomiej Bukowski alignItems: 'center', 4569185572SBartłomiej Bukowski justifyContent: 'space-between', 4669185572SBartłomiej Bukowski }, 4769185572SBartłomiej Bukowski icon: { width: 24, aspectRatio: 1 }, 4869185572SBartłomiej Bukowski text: { color: 'gray', marginLeft: 12, fontSize: 16, fontWeight: '600' }, 4969185572SBartłomiej Bukowski}); 50*f500022eSBartosz Kaszubowski 51*f500022eSBartosz Kaszubowskiexport default GoogleSignInButton; 52
