Make symptom section component

2018-09-01 21:17:54 +02:00
parent 4d8a4a79fd
commit 98fbacf9f8
4 changed files with 85 additions and 50 deletions
@@ -0,0 +1,19 @@
+import React, { Component } from 'react'
+import { View } from 'react-native'
+import { SymptomSectionHeader, AppText } from '../../app-text'
+
+export default class SymptomSection extends Component {
+  render() {
+    return (
+      <View>
+        <SymptomSectionHeader>{this.props.header}</SymptomSectionHeader>
+        <View flexDirection={this.props.inlineExplainer ? 'row' : 'column'}>
+          <View flex={1}>
+            <AppText>{this.props.explainer}</AppText>
+          </View>
+          {this.props.children}
+        </View>
+      </View>
+    )
+  }
+}