Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 5x 2x | /**
* @fileoverview OrSeparator component that renders a line separator with text in the middle.
* @module OrSeparator
* @requires React
* @requires StyleSheet from 'react-native'
* @requires Text from 'react-native'
* @requires View from 'react-native'
*/
import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import { colors } from '@global/colors'
/**
* @function OrSeparator
* @description Component that renders a line separator with text in the middle.
* @returns {JSX.Element} OrSeparator component template
*/
export default function OrSeparator() {
return (
<View style={styles.separatorContainer}>
<View style={styles.separatorLine} />
<Text style={styles.separatorText}>ou avec</Text>
<View style={styles.separatorLine} />
</View>
)
}
const styles = StyleSheet.create({
separatorContainer: {
paddingHorizontal: '12%',
flexDirection: 'row',
alignItems: 'center',
width: '100%',
},
separatorLine: {
flex: 1,
height: 1,
backgroundColor: colors.darkGrey,
},
separatorText: {
fontFamily: 'Poppins-Light',
fontSize: 14,
color: colors.darkGrey,
paddingHorizontal: 26,
},
})
|