import * as React from 'react' ; import { View , Text , StyleSheet } from 'react-native' ; import * as c from '@frogpond/colors' ; const styles = StyleSheet . create ( { content : { backgroundColor : c . white , borderTopWidth : StyleSheet . hairlineWidth , borderBottomWidth : StyleSheet . hairlineWidth , borderTopColor : c . iosHeaderTopBorder , borderBottomColor : c . iosHeaderBottomBorder , marginBottom : 10 , } , title : { fontSize : 16 , fontWeight : 'bold' , paddingTop : 15 , paddingHorizontal : 15 , } , message : { fontSize : 14 , paddingTop : 5 , paddingBottom : 15 , paddingHorizontal : 15 , } , } ) ; type Props = { message : string ; title : string ; } ; export class InfoHeader extends React . PureComponent < Props > { render ( ) { return ( < View style = { styles . content } > < Text style = { styles . title } > { this . props . title } < /Text> < Text style = { styles . message } > { this . props . message } < /Text> < /View>); } }