Julia Friesel
31 lines
822 B
JavaScript
31 lines
822 B
JavaScript
import React, { Component } from 'react'
|
|
import { View } from 'react-native'
|
|
import { SymptomSectionHeader, AppText } from '../../app-text'
|
|
|
|
export default class SymptomSection extends Component {
|
|
render() {
|
|
const p = this.props
|
|
let placeHeadingInline
|
|
if (!p.explainer && p.inline) {
|
|
placeHeadingInline = {
|
|
flexDirection: 'row',
|
|
alignItems: "center"
|
|
}
|
|
}
|
|
return (
|
|
<View style={placeHeadingInline}>
|
|
<SymptomSectionHeader flex={1}>{p.header}</SymptomSectionHeader>
|
|
<View
|
|
flexDirection={p.inline ? 'row' : null}
|
|
flex={1}
|
|
alignItems={p.inline ? 'center' : null}
|
|
>
|
|
<View flex={1}>
|
|
<AppText>{p.explainer}</AppText>
|
|
</View>
|
|
{p.children}
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|
|
} |