import React , { FC } from 'react' ; import { StyleSheet , ViewStyle , View , Text } from 'react-native' ; import { colors } from '../../constants/colors' ; import { text as textStyles } from '../../theme' ; interface QuoteProps { style ? : ViewStyle ; text : string ; } export const Quote = ( { style , text } ) => { return ( < View style = { [ styles . container , style ] } > < Text style = { styles . text } > { text } < /Text> < /View>); } ; const styles = StyleSheet . create ( { container : { flex : 1 , flexDirection : 'row' , alignItems : 'center' , justifyContent : 'flex-start' , borderLeftWidth : 4 , borderLeftColor : colors . teal } , text : { ... textStyles . default , color : 'rgb(105, 105, 105)' , paddingStart : 20 , paddingVertical : 8 } } ) ;