import * as React from 'react' ; import { StyleSheet , Platform , Text } from 'react-native' ; import * as c from '@frogpond/colors' ; const FONT_SIZE = 14 ; const styles = StyleSheet . create ( { detail : { paddingTop : 4 , fontSize : FONT_SIZE , ... Platform . select ( { ios : { lineHeight : FONT_SIZE * 1.25 , color : c . iosDisabledText , } , android : { lineHeight : Math . round ( FONT_SIZE * 1.25 ) , color : c . iosDisabledText , } , } ) , } , } ) ; type PropsType = { children ? : any ; style ? : any ; lines ? : number ; } ; export function Detail ( props ) { return ( < Text numberOfLines = { props . lines } style = { [ styles . detail , props . style ] } > { props . children } < /Text>); }